Html 为什么<；李>'；s

为什么在所有这些

之前有一个空格请帮忙

HTML

<div class="links">
    <ul>
        <li><a href="page1.html">Page 1</a></li>
        <li><a href="page2.html">Page 2</a></li>
        <li><a href="page3.html">Page 3</a></li>
    </ul>
 </div>

---

JS Fiddle:

内联块元素渲染它们之间的空格。你可以把李的在同一行或做一些你的造型

使用

注释

*{
保证金：0；
填充：0；
框大小：边框框；
}
.links ul{
显示：内联；
}
.链接{
显示：块；
}
李连杰{
显示：内联；
}
.链接a{
显示：内联块；
宽度：290px；
文本对齐：居中；
填充顶部：10px；
垫底：10px；
边框：1px实心#000；
}

您指的是哪些空格？您使用的是哪个浏览器？在我看来，Chrome很好（没有空格）。Chrome就是这样。最好、最干净的方法是使用

清除HTML空白。我如何才能做到这一点，并使代码看起来仍然漂亮？请查看此答案

的优点是，您仍然可以有多行代码。如果只使用一行，则可以删除注释。

.links ul{
    display: inline;
}
.links{
    display: block;
}
.links li{
    display: inline;
}
.links a{
    display: inline-block;
    width: 290px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #000;
}

<div class="links">
    <ul>
        <li><a href="page1.html">Page 1</a></li><li><a href="page2.html">Page 2</a></li><li><a href="page3.html">Page 3</a></li>
    </ul>
</div>