如何通过CSS增加元素的宽度？

Question

目前我正在维护网站，我遇到了问题，问题是这样的：我必须重新设计网站的菜单栏。以前在菜单栏中有6个菜单，但现在只有5个菜单。我必须从栏中删除一个菜单项。我只是从菜单栏的列表项中删除了该行。在之前的设计中，他们使用css的display属性来创建块，但在删除一个菜单后，剩下一个菜单项的空间，而我想增加菜单栏的宽度。

Answer 1

没有看到代码，很难说。

但是，在样式表中，您可以调整列表项的width

.menu li{width:35px;}

要计算要调整多少，请取最后一个元素的width并除以5（剩余列表元素的数量）。

因此，如果您的width为50px，请将10px添加到元素样式中，以便其余每个元素都覆盖前一个list-item的宽度。

Answer 2

也许这是一种蛮横的方式，但实际上效果很好： 使用表而不是列表。我使用了一些填充偏移，因为单元格之间的空格是基于单元格内容大小的线性，填充为菜单元素之间提供了恒定的最小空间。

另一种方法是使用块元素和CSS显示：table和table-cell但是记住IE7不知道这些。

好处：没有Javascript

Answer 3

如果菜单项<li>具有固定宽度，则菜单的总宽度除以5将给出每个菜单项的宽度。在css中检查标签“li”或为li指定的类。然后将其宽度更改为新宽度