兄弟元素之间的裕度不崩溃

Question

我正在尝试在兄弟元素之间设置边距。除图标图标外，所有同级元素都具有边缘折叠行为。在这里，代码：

​

li{
    list-style-type: none;
    margin: 10px auto;
}

<div id="front">
    <li>Click here for a random article</li>
    <li class="search-box">dfg</li>
    <li class="glyphicon glyphicon-search icon"></li>
    <li>Click icon to search</li>
</div>

​

<li>元素之间的边距除<li class="glyphicon glyphicon-search icon"></li>外为10 The，边距为20 the；有人能帮我让这些利润保持一致吗？

Answer 1

这将解决你的问题；

 <li><span class="glyphicon glyphicon-search icon"><span></li>

糖图标-搜索图标

添加用于显示图标的样式，并且比您的样式更具体，因此它会覆盖您的样式。