如果我为任何元素设置 display:inline
,那么 margin
、padding
、width
、height
不影响那个元素?
是否需要使用float:left
或者display:block
或者display:inline-block
来使用margin
, padding
, width
, height
在那个元素上?
最佳答案
请参阅 CSS 规范中的“Inline formatting contexts”以获得完整解释。
基本上,外边距、内边距和边框都可以在内联级元素上设置,但它们的行为可能与您预期的不同。如果只有一行,行为可能没问题,但同一流中的其他行可能会表现出与您的预期不同的行为(即不考虑填充)。此外,如果你的内联框包含可破坏元素并到达包含元素的边距,则它可以被破坏;在这种情况下,在中断点,边距和填充也不会受到尊重。
用列表找到了一个很好的例子:http://www.maxdesign.com.au/articles/inline/
关于html - 显示 :inline with margin, 填充、宽度、高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5699967/