文本之间的 HTML 自动间距答案

【问题标题】：HTML auto spacing between text文本之间的 HTML 自动间距
【发布时间】：2015-04-03 02:00:59
【问题描述】：

我知道这可能以前已经回答过，如果是这样，请引导我到另一个页面。

我有一个水平穿过我的页面的菜单栏。我有几个链接，我想要间距，所以链接会填满导航的宽度。

CSS：

nav {
    width:100%;
    float:left;
    text-align:center;
}

HTML：

<nav id="menu">
    <a id="home" href="index.html">Home</a>
    <a id="link" href="link.html">Link</a>
    <a id="another" href="really.html">Another</a>
    <a id="lalala" href="stupidcode.html">Lalala</a>
    <a id="oneMore" href="example.html">One More</a>
</nav>

【问题讨论】：

请向我们展示任何适用的 HTML。一个好的开始是显示nav 包含的内容。
它什么都没有。我想要它的间距。
不包含链接？这就是nav 的意义所在，它包含导航（在您的情况下是链接）。
这样更好吗？我没看你写的。对不起。

标签： html css hyperlink nav spacing

【解决方案1】：

在nav 内部的元素上使用display: table-cell 有效。

小提琴：http://jsfiddle.net/mnmxm2h0/

【讨论】：

在导航中使用 ul 是一种好的编码习惯吗？我只是觉得桌子不应该用于这样的事情。
@yuxuantim 这是 display: table-cell。您实际上并没有在这里创建表格，只是告诉浏览器像表格一样呈现元素。