以下代码产生由两个绿色项目组成的输出。在这些项目之间几乎没有空白(或任何背景颜色设置为)。空白是从哪里来的?如何消除它?我希望输出类似于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

最佳答案

ulli具有一些默认边距和填充。如果您不希望有间隙或间隙较小/较大,则需要将其重置。我认为,如果我没记错的话,FF的像素为30px,但不同浏览器的数量会有所不同。

10-07 14:21
查看更多