list - CSS水平菜单 - 等距？

Question

我有一个标准的 CSS 菜单，用 UL 和 LI 标签制作。我需要它们水平地覆盖整个页面(不是我的真实情况，但我会以此来简化情况)。但是，这些元素是动态创建的，因此我无法对 LI 元素或边距进行任何硬编码。

我见过使用 JavaScript 设置这些值的解决方案，但我真的很想避免使用它们。

最后，我看到了一个很好的解决方案，就是设置

#menu {
    width: 100%;
    /* etc */
}
#menu ul {
    display: table;
}
#menu ul li {
    display: table-cell;
}

这将在大多数浏览器中创建所需的行为...除了 IE。

有什么想法吗？

编辑:感谢您的回复。但是，由于生成元素的代码不是我的，因此我无法在以后不使用 JavaScript 的情况下创建它们时设置内联样式。

Answer 1

您不能设置内联元素的高度或宽度。 http://www.w3.org/TR/CSS2/visudet.html#inline-width

试试 display:inline-block;

这是 ie 的修复:

display:inline-block;
zoom:1;
*display:inline;