包装时，跨度会相互显示

Question

看图像发生了什么，显然填充物在包裹时没有计算

如何在没有此行为的情况下进行换行？

Answer 1

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

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

http://jsfiddle.net/35fgV/

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