CSS中的首字母大写和其他小写字母？

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

THIS IS SOMETEXT

我想使This is sometext该段的首字母大写。

CSS可能吗？

我所有的文本都用大写字母。

回答：

您可以使用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;
}

以上是 CSS中的首字母大写和其他小写字母？ 的全部内容， 来源链接： utcz.com/qa/419349.html

回到顶部