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

Dav*_*ave 9 html css

我有多个带有填充的边距,并且一个接一个地边框,我想要按照窗口的指示进行包装.但是当它们包裹时,它们重叠.没有使用表格的任何方法可以防止它们重叠?(注意:它们只是垂直重叠.水平它们很好)

Wes*_*rch 21

使用 display:block

<span>display:inline通过默认的,所以添加的边框和填充实际上并不影响它的大小.您正在看到重叠,因为边框/填充的宽度大于line-height

您可能也需要float:left,或者您可以尝试display:inline-block.

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

  • 显示:内联块做了诀窍,谢谢 (4认同)
  • 我建议更改此答案以突出显示 `display: inline-block;` 首先(并淡化 `float: left;`)。 (3认同)