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设置宽度。使用线高度作为固定高度