html图片和文本首字母大写,CSS中的首字母大写和其他小写字母?

小编典典

您可以使用text-transform以使段落的每个单词都大写,如下所示:

p { text-transform: capitalize; }

在 IE4 +中受支持。

这里的例子 。

[16.5大写:“文本转换”属性]

此属性控制元素文本的大写效果。

capitalize 将每个单词的第一个字符大写;其他字符不受影响。

将每个单词都用大写字母大写:

在此假设下:

我想使它看起来像: This Is Sometext

您必须像这样的包装元素来包装每个单词,然后使(伪元素来转换每个单词的第一个字母:

THIS IS SOMETEXT

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通过元素将每个单词包装起来:

var words = $("p").text().split(" ");

$("p").empty();

$.each(words, function(i, v) {

$("p").append($("").text(v)).append(" ");

});

将大写字母的首字母大写:

这似乎是您真正想要的东西,这很简单,您需要做的就是将所有单词都变成小写,然后将段落的第一个字母转换为大写:

p { text-transform: lowercase; }

p:first-letter {

text-transform: uppercase;

}

2020-05-16

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值