在内联列表中使用填充或边距

Question

我有多个问题。如果我想将内联列表设置为特定高度/宽度，最好使用display:inline;并将高度和宽度设置为<ul>元素？或者我应该使用float:left;并将overflow:hidden;应用于<ul>元素？另外，在列表中应用边距/填充<li>元素还是<a>更好？你甚至需要如果你重置值？是否每个人都占用尽可能多的空间，或者最后一个孩子是否能够容纳多余的空间？

Answer 1

你的问题很理论。

您可能需要更多地解释您要做什么，因为您所谈论的内容有益处和缺点。

例如，纯“内联”元素的高度或宽度将被忽略。您需要使用块级元素来执行该操作，其中包括浮动块或“内联块”。

http://jsfiddle.net/3YU3y/3/

如果你漂浮，它本身可能不同于你预期什么位置。

如果你想要做一个水平列表与“内联列表”，那么这里有很多设计模式。退房丹Cederholms网站一些真正普通的HTML/CSS模式：

http://pea.rs

退房“名单”，特别是“导航”。

希望有帮助！

干杯！

Answer 2

我更喜欢显示内联，因为它似乎更有意义，我使用浮动的东西，我怀疑是从来没有打算浮动。

漂浮的东西非常方便的布局和内联列表，但我猜不是它的原意。

Answer 3

我会将所有样式应用于内部元素（A），而不是列表。我只列出float:，position:或display:的列表;无论您使用使用inline还是float都取决于您。只要确保您在A标签上使用display:block即可。

见我的教程：http://preview.moveable.com/JM/ilovelists/

Answer 4

这里有一个good example我放在一起玩。它打破了你正在寻找的每个概念。

Answer 5

使用display：inline。如果你想要一个固定的宽度，通过CSS设置一个宽度给你的李。使用行高来固定高度。