在CSS中将第一个字符设为大写

juzqafwq  于 2023-02-10  发布在  其他
关注(0)|答案(8)|浏览(139)

有没有办法让第一个字符***大写***在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>
ejk8hzay

ejk8hzay1#

有一个属性:

a.m_title {
    text-transform: capitalize;
}

如果您的链接可以包含多个单词,并且您只希望第一个单词的首字母为大写,请改用具有不同转换的:first-letter(尽管这并不重要)注意,为了使:first-letter工作,a元素必须是块容器(其可以是display: blockdisplay: inline-block或一种或多种性质的各种其它组合中的任一种):

a.m_title {
    display: block;
}

a.m_title:first-letter {
    text-transform: uppercase;
}
jljoyd4f

jljoyd4f2#

请注意,::first-letter选择器不适用于行内元素,因此它必须是blockinline-block,如下所示:

.m_title {display:inline-block}
.m_title:first-letter {text-transform: uppercase}
58wvjzkj

58wvjzkj4#

首先将其设为小写:

.m_title {text-transform: lowercase}

然后将第一个字母大写:

.m_title::first-letter {text-transform: uppercase}

"文本转换:大写"对一个词起作用;但是如果你想用for句子,这个解决方案是完美的。

    • 示例:**

一个二个一个一个

cx6n0qe3

cx6n0qe35#

我建议用

#selector {
    text-transform: capitalize;
}

#selector::first-letter {
    text-transform: uppercase;
}

顺便说一下,检查这个w3schools链接:http://www.w3schools.com/cssref/pr_text_text-transform.asp

hpcdzsge

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>
nkkqxpd9

nkkqxpd97#

我建议您在CSS中使用以下代码:

text-transform:uppercase;

一定要把它放在你的课堂上。

z18hc3ub

z18hc3ub8#

也在React Native中工作:

textTransform: 'capitalize'

相关问题