html - 环绕时跨度显示在彼此之上

Question

查看图像发生了什么，显然填充时不计算在内

如果没有这种行为，我怎样才能让它换行？

Answer 1

Span 不是块元素，它们是内联元素。根据定义，这意味着它们将与文本保持一致。它们不会根据顶部/底部填充/边距垂直移动或调整，也不会影响任何其他元素的垂直放置。如果您希望文本在行与行之间有更多空间，则需要设置文本的line-height属性。

这是一个演示，演示了块和内联元素之间的区别以及如何调整跨度高度：

http://jsfiddle.net/35fgV/

当您调整跨度的填充时，填充应用于文本上方/下方，但不会调整文本或其上方或下方的任何内容的位置。如果您不希望填充与上方和下方的行重叠，则需要line-height在该文本块中设置一个属性（不一定是跨度，而是同一行文本中的任何内容，<br>例如标签之间。一行text 将继承line-height同一行中任何元素中最大的元素。