HTML 文本之间的自动间距

Question

我知道这个问题之前可能已经有人回答过，如果是的话，请将我转到另一页。

我有一个水平横跨页面的菜单栏。我有几个链接，我想要间距，这样链接将填满导航的宽度。

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>

Answer 1

对 nav 内的元素使用 display: table-cell 有效。

Fiddle: http://jsfiddle.net/mnmxm2h0/

HTML 文本之间的自动间距

HTML auto spacing between text

html

css

hyperlink

nav

spacing