我正在尝试使用 <span>
表示的元素创建一个水平菜单。的。菜单本身(父 <div>
)具有固定宽度,但元素数量始终不同。
我想要 child <span>
具有相同的宽度,与它们的数量无关。
到目前为止我所做的:添加了 float: left;
每个跨度的样式并指定其百分比宽度(百分比或多或少都可以,因为服务器在生成页面时知道有多少菜单项,并且可以将 100% 除以该数字)。这是有效的,除了我们有除法余数的情况(例如 3 个元素),在这种情况下,我在父 <div>
的右侧有一个一像素的孔。 ,如果我将百分比向上舍入,则最后一个菜单元素将被包裹。我也不太喜欢即时生成样式,但如果没有其他解决方案,也没关系。
我还能尝试什么?
这似乎是一个非常常见的问题,但是谷歌搜索“相同宽度的子元素”并没有帮助。
最佳答案
您可以尝试使用具有固定表格布局的表格。它应该计算列宽,而不关心单元格内容。
table.ClassName {
table-layout: fixed
}
关于html - 具有相同宽度的子跨度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47447/