HTML：如何保持跨度与填充和边框不重叠？

Question

我有多个带有填充的边距，并且一个接一个地边框，我想在窗口指示时进行包装。但是当它们包裹时，它们重叠。没有使用表格的任何方法可以防止它们重叠？ （注意：它们只是垂直重叠。水平它们很好）

Answer 1

使用display:block

默认情况下，

<span>为display:inline，因此您添加的边框和填充实际上并未影响其大小。您正在看到重叠，因为边框/填充的宽度大于line-height

您可能也需要float:left，或者您可以尝试使用display:inline-block。

有关display的更多信息：http://www.quirksmode.org/css/display.html

Answer 2

我过去曾使用line-height来完成这项工作。