是否可以根据内容减小 `<span>` 的字体大小？ [复制]

Posted 2023-03-06

【中文标题】是否可以根据内容减小 `<span>` 的字体大小？ [复制]

【英文标题】：Is it possible to reduce the font-size on a `<span>` based on its content? [duplicate]

【发布时间】：2018-09-25 01:56:40

【问题描述】：

我有一个包含长文本的 <span> 元素。跨度在其 css stype 上设置了字体大小。文本过长会溢出或换行。我想知道是否有css样式可以使文本适合span的宽度而不换行。我希望 css 样式禁用 span 上的 font-size 并自动应用新的字体大小来修复内容。

【问题讨论】：

可以用jQuery/javascript的自定义函数来实现吗？

没有自动方式也可以

【参考方案1】：

不确定是不是这样，但如果您的<span> 的宽度取决于视口的宽度或高度，您可以使用vw 或vh CSS 单位。 MDN Docs

【讨论】：

我想自动调整span的字体大小，以防文本太长