有没有办法让第一个字符***大写***在CSS标签。下面是我的HTML:
<a class="m_title" href="">gorr</a> <a class="m_title" href="">trro</a> <a class="m_title" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr</a>
ejk8hzay1#
有一个属性:
a.m_title { text-transform: capitalize; }
如果您的链接可以包含多个单词,并且您只希望第一个单词的首字母为大写,请改用具有不同转换的:first-letter(尽管这并不重要)注意,为了使:first-letter工作,a元素必须是块容器(其可以是display: block、display: inline-block或一种或多种性质的各种其它组合中的任一种):
:first-letter
a
display: block
display: inline-block
a.m_title { display: block; } a.m_title:first-letter { text-transform: uppercase; }
jljoyd4f2#
请注意,::first-letter选择器不适用于行内元素,因此它必须是block或inline-block,如下所示:
::first-letter
block
inline-block
.m_title {display:inline-block} .m_title:first-letter {text-transform: uppercase}
vd2z7a6w3#
CSS :first-letter Selector或:
text-transform: capitalize;
58wvjzkj4#
首先将其设为小写:
.m_title {text-transform: lowercase}
然后将第一个字母大写:
.m_title::first-letter {text-transform: uppercase}
"文本转换:大写"对一个词起作用;但是如果你想用for句子,这个解决方案是完美的。
一个二个一个一个
cx6n0qe35#
我建议用
#selector { text-transform: capitalize; }
或
#selector::first-letter { text-transform: uppercase; }
顺便说一下,检查这个w3schools链接:http://www.w3schools.com/cssref/pr_text_text-transform.asp
hpcdzsge6#
<script type="text/javascript"> $(document).ready(function() { var asdf = $('.capsf').text(); $('.capsf').text(asdf.toLowerCase()); }); </script> <div style="text-transform: capitalize;" class="capsf">sd GJHGJ GJHgjh gh hghhjk ku</div>
nkkqxpd97#
我建议您在CSS中使用以下代码:
text-transform:uppercase;
一定要把它放在你的课堂上。
z18hc3ub8#
也在React Native中工作:
textTransform: 'capitalize'
8条答案
按热度按时间ejk8hzay1#
有一个属性:
如果您的链接可以包含多个单词,并且您只希望第一个单词的首字母为大写,请改用具有不同转换的
:first-letter
(尽管这并不重要)注意,为了使:first-letter
工作,a
元素必须是块容器(其可以是display: block
、display: inline-block
或一种或多种性质的各种其它组合中的任一种):jljoyd4f2#
请注意,
::first-letter
选择器不适用于行内元素,因此它必须是block
或inline-block
,如下所示:vd2z7a6w3#
CSS :first-letter Selector
或:
58wvjzkj4#
首先将其设为小写:
然后将第一个字母大写:
"文本转换:大写"对一个词起作用;但是如果你想用for句子,这个解决方案是完美的。
一个二个一个一个
cx6n0qe35#
我建议用
或
顺便说一下,检查这个w3schools链接:http://www.w3schools.com/cssref/pr_text_text-transform.asp
hpcdzsge6#
nkkqxpd97#
我建议您在CSS中使用以下代码:
一定要把它放在你的课堂上。
z18hc3ub8#
也在React Native中工作: