我有一个<span>元素，后跟一个水平<ul>元素。为什么>上有左边距和底边距<ul？如何删除该空间？
的HTML
<span>AAAAA</span>
<ul>
<li>BBBBB</li>
<li>CCCC</li>
</ul>
的CSS
body {
background-color: #000;
margin: 0;
padding: 0;
}
span {
background-color: #f00;
}
ul {
background-color: #0f0;
display: inline-block;
list-style: none;
margin: 0;
padding: 0;
}
ul > li {
float: left;
padding-right: 1em;
}
看一下这个！
也添加inline-block到跨度vertical-align。跨度具有视觉边距/空间，因为它不在旁边，而是inline-block在ul旁边inline-block
这是您所期望的吗？请让我知道您对此的反馈。谢谢！
body {
background-color: #000;
margin: 0;
padding: 0;
}
span {
background-color: #f00;
display: inline-block;
vertical-align: top;
}
ul {
background-color: #0f0;
display: inline-block;
vertical-align: top;
list-style: none;
margin: 0;
padding: 0;
}
ul > li {
float: left;
padding-right: 1em;
}<span>AAAAA</span>
<ul>
<li>BBBBB</li>
<li>CCCC</li>
</ul>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句