THIS IS SOMETEXT
我想使This is sometext该段的首字母大写。 CSS可能吗?
This is sometext
编辑: 我所有的文本都用大写字母。
您可以使用text-transform以使段落的每个单词都大写,如下所示:
text-transform
p { text-transform: capitalize; }
在 IE4 +中受支持。 这里的例子 。
[16.5大写:“文本转换”属性] 此属性控制元素文本的大写效果。 capitalize 将每个单词的第一个字符大写;其他字符不受影响。
[16.5大写:“文本转换”属性]
此属性控制元素文本的大写效果。
capitalize 将每个单词的第一个字符大写;其他字符不受影响。
capitalize
在此假设下:
我想使它看起来像: This Is Sometext
This Is Sometext
您必须像这样的包装元素来包装每个单词,<span>然后使(伪元素来转换每个单词的第一个字母:
<span>
<p> <span>THIS</span> <span>IS</span> <span>SOMETEXT</span> </p> p { text-transform: lowercase; } /* Make all letters lowercase */ p > span { display: inline-block; } /* :first-letter is applicable to blocks */ p > span:first-letter { text-transform: uppercase; /* Make the first letters uppercase */ }
这里的例子 。
另外,您可以使用JavaScript通过<span>元素将每个单词包装起来:
var words = $("p").text().split(" "); $("p").empty(); $.each(words, function(i, v) { $("p").append($("<span>").text(v)).append(" "); });
这似乎是您真正想要的东西,这很简单,您需要做的就是将所有单词都变成小写,然后将段落的第一个字母转换为大写:
p { text-transform: lowercase; } p:first-letter { text-transform: uppercase; }