您可以使用
text-transform以使段落的每个单词都大写,如下所示:
p { text-transform: capitalize; }在 IE4 +中受支持。
这里的例子 。
[16.5大写:“文本转换”属性]
此属性控制元素文本的大写效果。
capitalize将每个单词的第一个字符大写;其他字符不受影响。
将每个单词都用大写字母大写:
在此假设下:
我想使它看起来像:
This Is Sometext
您必须像这样的包装元素来包装每个单词,
<span>然后使(伪元素来转换每个单词的第一个字母:
<p> <span>THIS</span> <span>IS</span> <span>SOMETEXT</span></p>p { text-transform: lowercase; } p > span { display: inline-block; } p > span:first-letter { text-transform: 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;}


