您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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 2022/1/1 18:21:55 有395人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶