输入:我是一名学生
预期输出:我是学生
如何使用CSS实现此目标?
答案 0 :(得分:2)
p {
text-transform: lowercase;
}
p:first-line {
display: block;
text-transform: capitalize;
}
<p>I AM A STUDENT</p>
答案 1 :(得分:1)
如果文本以小写开头,则可以使用CSS的text-transform
-property:
p {
text-transform: capitalize;
}
如果文本已经大写,那么您只能将其转换为小写。另外,您也可以像@Mr Lister那样建议使用::first letter
选择器,然后将每个单词放入跨度,如下所示:
p {
text-transform: lowercase;
}
span {
display: inline-block;
}
span::first-letter {
text-transform: capitalize;
}
<p> <span>I</span> <span>AM</span> <span>A</span> <span>STUDENT</span> </p>
除了in this thread所讨论的之外,您当然可以使用JavaScript进行此操作,但这应该是最后的选择。