【问题标题】:Transforming text to uppercase interferes with the layout将文本转换为大写会干扰布局
【发布时间】:2013-11-12 20:17:34
【问题描述】:

我有一个链接,我正在尝试使用 text-transform: uppercase 设置样式。

当我应用这种样式时,链接的一半(第二个单词)会中断到下一行。

文本转换对元素有什么影响(除了大小写)?我已经在各种浏览器中检查了“计算样式”,但似乎没有其他任何变化。

【问题讨论】:

    标签: html dom styles css


    【解决方案1】:

    w3schools : text-transform

    根据您的字体,大写字母可能比小写字母宽得多。 这不是文本转换的属性,它只是标准的字体渲染。

    如果它适合您的项目,您可以考虑强制空白按您的意愿行事。

    【讨论】:

    • 引用 w3schools 只是一种误导,请参阅 w3fools.com,而且毫无意义,因为这个问题实际上与 CSS 无关——大写字母往往比小写字母更宽。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-14
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-02-02
    相关资源
    最近更新 更多