大写句子的首字母CSS

  • Z时代
  • 2024-01-10
  • 分类：问答

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

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

回答：

您可以.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>

以上是 大写句子的首字母CSS 的全部内容， 来源链接： utcz.com/qa/414922.html

回到顶部