html - 是否可以仅使用 UL/LI 和 CSS 制作此菜单？

Question

我想为我的网站制作一个菜单，我只需要 UL 和 LI 用于 SEO。它应该看起来像:

<ul>
    <li>Link 1</li>
    <li>Link 2</li>
    <li>Link 3</li>
    <li>Link 4</li>
    <li>Link 5</li>
    <li>Link 6</li>
</ul>   

我必须为每个 li 提供 1 个链接。水平的。它必须是动态的:如果我更改链接的文本，它必须自动调整自身(因此理论上不应在 <li> 上使用固定宽度)。

This是(或多或少)布局应该如何。或多或少是因为我还没有计算成对链接的每个 block 的最大长度之间的实际距离。比方说，每个 block 还剩 20 像素。

如您所见，链接 block 之间的距离(有 1px 边框的地方)因容器而异(因此，每对链接的长度)。我不能在 ul 中使用不同的元素不同的 li ，这是主要问题。

知道这是否可能吗？我试了很多方法，但我真的不知道如何才能得到它(这是我不知道如何制作的第一个菜单)。

任何输入都很好......

Answer 1

将此添加到您的 CSS。

li { float: left; display: block; }

这是 jQuery 解决方案:http://jsfiddle.net/ADtke/5/