栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

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

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

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

您可以使用

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

p { text-transform: capitalize; }

IE4 +中受支持。
这里的例子

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

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

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


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

在此假设下:

我想使它看起来像:

This Is Sometext

您必须像这样的包装元素来包装每个单词,

<span>
然后使(伪元素来转换每个单词的第一个字母:

<p>  <span>THIS</span> <span>IS</span> <span>SOMETEXT</span></p>p { text-transform: lowercase; }    p > span { display: inline-block; } p > span:first-letter {  text-transform: 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;}


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/447153.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号