gpt4 book ai didi

html - h1 图标垂直对齐在 bootstrap 2.3.2 中不起作用

转载 作者:行者123 更新时间:2023-11-28 12:15:15 26 4
gpt4 key购买 nike

我有用于在 h1 中显示图标的 css/HTML 代码:

CSS:

h1 {
font-size:32px;
font-weight:400;
margin:6px 0;

}
h1>i {
display:inline-block;
vertical-align:middle;
text-align:center;
}

HTML:

<div class="container">
<h1><i class="icon-search"></i>Bootstrap 3 Glyphicons</h1>
</div>

但垂直对齐不适用于 bootstrap 2.3.2。 注意:我知道这在版本 3.+ 中有效。如何解决这个版本的问题?

demo here

最佳答案

试试这个来重载 h1 的 twitter bootstrap 默认规则:

h1>[class^="icon-"], h1>[class*=" icon-"] {
vertical-align: middle;
}

Updated demo

关于html - h1 图标垂直对齐在 bootstrap 2.3.2 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19226747/

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