CSS水平行中具有相同宽度的任意元素计数

我想创建一个进度跟踪器，如下所示： 但是我需要它流动，这样周围的DIV可以改变它的宽度。我可以给每个列表元素一个百分比的宽度，但是另外还有一些进度跟踪器，它们具有不同的列表元素计数。列表元素应该填充整个宽度，并且它们的宽度应该相等

这不是一个容易的挑战，对吧

---

有人知道如何创建解决方案吗？我尝试了display:table属性，它们并排放置，但不像想要的那样（元素的宽度错误）。

为什么不将元素包装在一个没有列表样式、display:block和100%宽度的

中呢。然后将每个进度项目放在一系列的

中，这些项目具有浮动：左、无列表样式和相等的百分比宽度？这需要根据项目数量为

设置css样式，但如果您使用CMS或可以编写一些JS，则可以相应地附加正确的

样式

我尝试了显示：表属性，它们并排放置 侧边，但不像所需的（元素的宽度错误）

如果您是基于

display:table

的解决方案，而不是元素的宽度不相等，那么最简单的方法就是解决这个问题

您可以通过应用于任何具有

display:table

---

请参见：

我之所以使用这种方法，是因为它对旧浏览器（IE7）的良好支持。谢谢：）很好的解决方案！我不知道属性表的布局，但我使用了另一种方法，因为我不支持显示：IE7中的表。无论如何谢谢你！