跨浏览器的方式将<li>元素包装在内容周围?</li>

时间:2011-01-29 12:33:18

标签: css width html-lists

我在页面http://grantkot.com/new上的下拉菜单中遇到了一些问题。 如果将鼠标移动到分配了下拉菜单的元素上,您会看到下拉列表中的某些元素通常占用超过1行且宽度不同。

我希望它能够调整下拉菜单的所有<li>的大小,以便它们都不会转到新行,并且所有<li>都保持相同的宽度和步骤不会出现。

怎么办呢?

2 个答案:

答案 0 :(得分:2)

您可以给他们一个固定的高度,否则他们会相应地改变他们的内容..您要么调整内容的大小以适应一行,要么调整<li>的大小,这将导致那些有一个 - 他们认为他们周围有更大的空间...

答案 1 :(得分:2)

.menu li li a { white-space: pre; }