有一种方法使标签的第一个字符大写在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>
有一种方法使标签的第一个字符大写在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>
当前回答
我建议你在CSS中使用以下代码:
text-transform:uppercase;
确保你把它放在你的课上。
其他回答
先写小写字母:
.m_title {text-transform: lowercase}
然后把第一个字母大写:
.m_title::first-letter {text-transform: uppercase}
“text-transform: capitalize”适用于一个单词;但如果你想用在句子中,这个解决方案是完美的。
例子: .m_title { 显示:inline-block;/*感谢Fanky (https://stackoverflow.com/users/2095642/fanky) */ 首字母:小写 } .m_title:首字母{ 大写首字母: } <a class="m_title" href="">gorr</a> <a class="m_title" href=""> tro tro </a> <a class="m_title" href="">krro</a> <a class="m_title" href="">yrro</a> <a class="m_title" href="">gwwr gwwr gwwr</a>
<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>
也适用于React Native:
textTransform: 'capitalize'
请注意::首字母选择器不适用于内联元素,因此它必须是block或inline-block,如下所示:
.m_title {display:inline-block}
.m_title:first-letter {text-transform: uppercase}
我建议使用
#selector {
text-transform: capitalize;
}
or
#selector::first-letter {
text-transform: uppercase;
}
顺便说一下,查看w3schools链接:http://www.w3schools.com/cssref/pr_text_text-transform.asp