如何将大写句子转换为首字母大写?

时间:2018-06-24 10:38:42

标签: css css3 title-case

输入:我是一名学生
预期输出:我是学生
如何使用CSS实现此目标?

2 个答案:

答案 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进行此操作,但这应该是最后的选择。