在CSS中使用文本转换强制大写输入到标题

前端之家收集整理的这篇文章主要介绍了在CSS中使用文本转换强制大写输入到标题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在为CMS创建一个主题,并且只能够更改与该页面相关联的CSS(没有Javascript,PHP等)。

有没有办法更改我们拥有的用户列表:

JOHN SMITH
DAVID JONES

使用CSS适当的标题案例(John Smith等)?

text-transform:小写;工程好(约翰·史密斯等),但文本转换:大写;什么都不做(仍然大写)。

根据要求,HTML是:

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

CSS是:

td {
    text-transform: capitalize;
}

解决方法

文本转换:大写;只修改每个单词的第一个字母,所以如果一个单词的第一个字母已经大写,则文本转换会跳过该单词。

例:

乔·史密斯将成为约翰·史密斯

除非你的所有单词都是小写的,否则,只有使用CSS才能使用title-casing。

猜你在找的CSS相关文章