gpt4 book ai didi

html - 将图标居中 :before

转载 作者:行者123 更新时间:2023-11-27 23:32:24 24 4
gpt4 key购买 nike

<分区>

我想将放置在那里的链接中的图标水平和垂直居中:之前。

尽管我尝试了无数次,但我不明白为什么图标不想居中。

这是我的 html:

<ul>
<li class="item-1"><a href="">Search</a></li>
</ul>

还有我的 CSS:

ul > li > a {
font-size:0;
border-radius: 50px;
text-align: center;
height: 50px;
width: 50px;
border: 2px solid #ccc;
}

ul > li > a:before {
font-family:"Glyphicons Halflings";
font-size: 40px;
line-height: 50px;
}

ul > li.item-1 > a:before {
content:"\2b";
}

fiddle :https://jsfiddle.net/xmx4xcfc/

有关信息,我使用 Bootstrap 。

我没看到什么?

(对于 Center a Pseudo Element 的副本,我不想使用 position:absolute,如果可能的话,我更喜欢更“轻便”的解决方案……)

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com