填充的顶部和内联元件的底部(Padding the top and the bottom of in

2019-07-17 12:33发布


从头部的第一个HTML引用:

您可以添加填充到顶部和内联元素的底部,但填充不影响周围的其他内联元素的间距,所以填充将重叠其他行内元素

一)据我明白上述报价,添加填充到顶部和内联元件的底部不(曾经)对周围的元件,因此对网页的外观的任何影响?

B)但究竟什么叫“ 填充会覆盖其他内联元素 ”? 它也许表明,在某些情况下边距(顶部和一个内联元素的底部)将对页面的外观效果?


感谢名单

Answer 1:

如果我理解正确,并从例如我只是做:

a)该文本是内嵌元素,所以我添加具有顶部和底部填充的跨度不推动其它线向下

B)你可以看到,因为我已经添加了色彩的跨度,颜色会重叠其他线路。

我希望这是正确的双方,并回答您的问题:d



Answer 2:

使用inline-block的替代。 这些属性添加到所有要在其上添加填充元素。 例如:

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


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元素更填充。



文章来源: Padding the top and the bottom of inline element
标签: html css xhtml