您可以使用text-transform
以使段落的每个单词都大写,如下所示:
p { text-transform: capitalize; }
在 受支持。 。
capitalize
将每个单词的第一个字符大写;其他字符不受影响。
在此假设下:
我想使它看起来像: This Is Sometext
您必须像这样的包装元素来包装每个单词,<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;
}