CSS 菜单、表格或列表,什么是正确的方法?

标签 css menu html-lists css-tables

<分区>

我在表格中制作了我的菜单,因为我尝试使用列表并且结果不是我所期望的,然后,我无法根据 DIV 的宽度来拉伸(stretch) LI(菜单项),我看到我可以做这与表和它的工作。

我看到的大多数菜单都是在 UL 列表中制作的,但有些也在表格中,是否涉及任何“规则”或语义?

那么 HTML 列表的 CSS 中显示属性中的表格呢?

#menu {
    display: table;
    width: 100%;
    border-collapse: collapse;
}

#menu ul {
    display: table-row;
}

#menu li {

    display: table-cell;
    height: inherit;
    border: solid 1px;
    padding: 0;
    margin: 0;
}

最佳答案

I made my menu in tables because I tried with list and the result was not what I expected

没有规则,但我很确定无论您的菜单看起来如何,都可以使用无序列表来完成。

您可能会发现无序列表版本比表格版本使用更少的 HTML。 HTML 越少越好,因为下载时间会更少。

此外,如果您的菜单只有一个“行”,那么表格真的是正确的表示方式吗?

关于CSS 菜单、表格或列表,什么是正确的方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20633094/

上一篇:css - 使用拖放时如何防止滚动?

下一篇:HTML/CSS div 定位

相关文章:

css - 在 div 悬停时更改链接颜色

css - 从下到上包装 HTML 元素

javascript - 如何使用 HTML 代码在计算机中播放音频 amr 文件?我试了很多次

html - 在 HTML 元素上分配多个样式

java - 如何在 Java 桌面应用程序中拥有菜单(网站样式导航链接)

html - 无法将我的菜单变成下拉菜单

java - 如何在android eclipse中将按钮更改为菜单

jquery - 获取 ul 中 li 的索引

Angular 和迁移 openlayers 到 ol 和 proj4js

css - 为什么元素符号在 IE6 中不显示