gpt4 book ai didi

html - 在 mozilla 中为内容添加了额外的填充

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

下面是我的代码:

#sam_ul li {
height: 41px;
border-bottom: 1pt solid #DEDEDE;
background-color: #F8F8F8;
}
#sam_ul li {
list-style-type: none;
}
#u_l_add:before {
content: '\0FBF';
}
<ul id="sam_ul" style="margin:0px;">
<li>
<a href="#">
<span id="u_l_add" style="font-size:36px;line-height:20px;"></span>
<div style="width:130px;position:relative;top:-20px;left:40px;">Add</div>
</a>
</li>
<li>
<a href="#">
<span id="u_l_sear" style="font-size:36px;line-height:20px;"></span>
<div style="width:130px;position:relative;top:-20px;left:40px;">Search Artifact</div>
</a>
</li>
</ul>

content 伪元素 在 IE 和 mozilla 中显示不同。我所说的不同是指在 IE 中它显示正确,而在 mozilla 中它添加了一些额外的填充并显示了内容。

检查第一个 li 元素和第二个 li 元素之间的区别。

谁能帮我解决这个问题?

最佳答案

padding:0 添加到 unordered list

#sam_ul{
padding:0
}
#sam_ul li {
height: 41px;
border-bottom: 1pt solid #DEDEDE;
background-color: #F8F8F8;
list-style-type: none;
}

#u_l_add:before {
content: '\0FBF'; }

#u_l_sear:before {
content: '\0FBF'; }
<body>
<ul id="sam_ul" style="margin:0px;">
<li>
<a href="#">
<span id="u_l_add" style="font-size:36px;line-height:20px;"></span>
<div style="width:130px;position:relative;top:-20px;left:40px;">Add</div>
</a>
</li>
<li>
<a href="#">
<span id="u_l_sear" style="font-size:36px;line-height:20px;"></span>
<div style="width:130px;position:relative;top:-20px;left:40px;">Search Artifact</div>
</a>
</li>
</ul>
</body>

关于html - 在 mozilla 中为内容添加了额外的填充,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28291240/

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