以下代码产生由两个绿色项目组成的输出。在这些项目之间几乎没有空白(或任何背景颜色设置为)。空白是从哪里来的?如何消除它?我希望输出类似于FirstSecond,但它是First Second,两者之间有间隔。
<head>
<style type="text/css">
ul {
list-style-type: none;
white-space: nowrap;
}
ul li {
display: inline;
background-color: #096;
}
</style>
</head>
<body>
<ul>
<li>First</li>
<li>Second</li>
</ul>
</body>the output
最佳答案
ul
和li
具有一些默认边距和填充。如果您不希望有间隙或间隙较小/较大,则需要将其重置。我认为,如果我没记错的话,FF的像素为30px,但不同浏览器的数量会有所不同。