在內聯列表中使用填充或邊距

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設置一個寬度給你的李。使用行高來固定高度。