Question

来自Head first html的引用：

您可以在内联元素的顶部和底部添加填充，但填充不会影响其周围的其他内联元素的间距，因此填充将与其他内联元素重叠

a）据我所知，上面的引用，在内联元素的顶部和底部添加填充不会对周围的元素产生任何影响，从而影响页面的外观？！

b）但是“填充将与其他内联元素重叠”的确切含义是什么？是否可能表明在某些情况下，填充（内联元素的顶部和底部）会对页面外观产生影响？！

感谢名单

Answer 1

改为使用内联块。将这些属性添加到要添加填充的所有元素。例如：

a:link {
display: inline-block;
display: -moz-inline-box;
-moz-box-orient: vertical;
vertical-align: top;
zoom: 1;
*display: inline;
}

Answer 2

如果我理解正确，并且来自我刚刚制作的example：

a）文本是一个内联元素，所以我添加一个带有顶部和底部填充的跨度不会推动其他行向下

b）如你所见，由于我在跨度上添加了一种颜色，颜色将与其他线重叠。

我希望这是正确的，并回答你的问题：D

Answer 3

试试这个：

<style type="text/css">
  div { background: blue; height: 4em; padding: 1em }
  span { background: red; padding: .5em; }
</style>

<div>
  <span>one</span>
  <br/>
  <span>two</span>
</div>

Answer 4

填充将影响元素本身。例如，元素中的任何文本都将从其他DOM元素中填充更多。

填充内联元素的顶部和底部

4 个答案: