html - 显示 :inline with margin, 填充、宽度、高度

标签 html css xhtml

如果我为任何元素设置 display:inline,那么 marginpaddingwidthheight 不影响那个元素?

是否需要使用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/

相关文章:

html - 删除文本框的自动完成

java - 如何在gwt中设置docklayoutpanel borderwidth

php - 无论如何都不能将我的网站图像转换为双语吗?

css - 使用 CSS 正确对齐 HTML DIV 部分

html - 全屏背景不适用于ipad

javascript - 动画变化的排名表

xhtml - 复制浏览器/键盘功能是否有任何优点?

javascript - 脚本标记中何时需要 CDATA 部分?

html - 使用 XHTML 1.0 strict with content="text/html; 超过 HTML 4.01 strict 有什么优点?

javascript - 在指定时间临时更改 HTML 中的占位符