大写句子的首字母CSS

一尘不染

css

我想将句子的首字母大写，如果可能的话还要大写逗号后的首字母。我想在这里添加代码：

.qcont {
    width: 550px;
    height: auto;
    float: right;
    overflow: hidden;
    position: relative;
}

阅读 469

2020-05-16

共1个答案

一尘不染

您可以.qcont使用伪元素将元素的首字母大写:first-letter。

.qcont:first-letter{
  text-transform: capitalize
}

这是仅使用CSS就能获得的最接近的结果。您可以使用javascript（与jQuery结合使用）将每个句点（或逗号，如您所愿）后的每个字母包装在span。您可以添加与上述相同的CSS
span。或一起用javascript完成。

这是css方法的代码段：

.qcont:first-letter {

  text-transform: capitalize

}


<p class="qcont">word, another word</p>

2020-05-16