css - 使用文本转换强制大写输入到 CSS 中的标题大小写

Question

我正在为 CMS 创建主题，并且只能更改与页面关联的 CSS(不能更改 Javascript、PHP 等)。

有没有办法改变我们拥有的这个用户列表:

JOHN SMITH
DAVID JONES
...

使用 CSS 转换为正确的标题大小写(John Smith 等)？

text-transform: lowercase; 工作正常(john smith 等)但是 text-transform: capitalize; 什么都不做(保持大写)。

---

根据要求，HTML 是:

<tr> [...] <td class="cell c1">ALEXANDER MULLER</td> [...] </tr>
<tr> [...] <td class="cell c1">JOHN SMITH</td> [...] </tr>

CSS 是:

td {
    text-transform: capitalize;
}

Answer 1

text-transform: capitalize; 仅修改每个单词的首字母，因此如果单词的首字母已经大写，text-transform 会跳过该单词。

例子:

JoHN smith 将变成 JoHN Smith

除非您所有的单词都是小写，否则无法仅使用 CSS 进行标题大小写。