Html 在内联列表中使用填充或边距
我有很多问题。如果我希望内联列表具有一定的高度/宽度,那么最好使用Html 在内联列表中使用填充或边距,html,css,Html,Css,我有很多问题。如果我希望内联列表具有一定的高度/宽度,那么最好使用display:inline并设置元素的高度和宽度?或者我应该使用float:left和应用溢出:隐藏到元素?另外,在列表中应用元素的边距/填充还是更好?如果你重置了这些值,你甚至需要这样做吗?每个孩子会尽可能多地占用空间吗?还是最后一个孩子会更长,以容纳多余的空间 我更喜欢内联显示,因为对我来说,使用我怀疑从未打算浮动的超浮动对象似乎更有意义 浮动对象对于布局和内联列表来说非常方便,但我猜不是它的初衷 我会将所有样式应用于内部元
display:inline编码>并设置
元素的高度和宽度?或者我应该使用float:left代码>和应用溢出:隐藏代码>到
元素?另外,在列表中应用
元素的边距/填充还是
更好?如果你重置了这些值,你甚至需要这样做吗?每个孩子会尽可能多地占用空间吗?还是最后一个孩子会更长,以容纳多余的空间 我更喜欢内联显示,因为对我来说,使用我怀疑从未打算浮动的超浮动对象似乎更有意义
浮动对象对于布局和内联列表来说非常方便,但我猜不是它的初衷 我会将所有样式应用于内部元素(A
),而不是列表。我会为浮动:
、位置:
或显示:
设置列表样式;您是使用内联还是浮动取决于您自己。只需确保在A
-标记上使用display:block
请参阅我的教程:这里有一个我放在一起玩的游戏。它分解了你要寻找的每一个概念。你的问题相当理论化
你可能需要更多地解释你想做什么,因为你所说的有优点也有缺点
例如,纯“内联”元素的高度或宽度将被忽略。您需要使用块级元素来实现这一点,其中包括浮动块或“内联块”
如果你漂浮,它的位置可能与你预期的不同
如果你想做一个水平列表和一个“内联列表”,那么有很多设计模式。查看Dan Cederholms网站,了解一些真正常见的HTML/CSS模式:
特别是查看“列表”和“导航”
希望有帮助
干杯 使用display:inline。如果您想要固定宽度,请通过CSS为您的li设置宽度。使用线高度作为固定高度