我有一个动态水平菜单。我试图让它始终是页面宽度的 100%。 因此,如果有 6 或 8 个元素,或者如果我想更改每个元素的标题,我将不需要再次调整每个元素的大小。
菜单设置为 <ul> <li>Item 1</li> <li>Item 2</li> ... </ul>
列表。请查看我希望如何呈现它(附图)。现在在我的 html 中,元素在全宽之前结束。
有什么解决办法吗?我想如果我将菜单变成表格就可以解决这个问题,但我不想在这种情况下使用表格。
您可以在这里查看网站:enter link description here 谢谢。
最佳答案
好的。所以最后我找到了解决方案。只有 CSS,不需要 JS。 其实很简单:
包裹<ul>
应该有:
display: table
<li>
本身应该有:
display: table-cell
并移除它的 float 。
就是这样:)
关于html - 在整个页面宽度上展开动态菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10647178/