html - 两个显示表格单元格之间的边距

Question

我有以下 HTML 和 CSS

#one,
#two {
  display: table-cell;
  vertical-align: middle;
  height: 47px;
  background: red;
  border-collapse: separate;
  border-spacing: 10px;
}

<div>
  <div id="one">one</div>
  <div id="two">two</div>
</div>

demo

但无法如我所愿。我需要两个 div 之间的空间。如果我提供填充值，它会提供空间但不会删除背景。

Answer 1

您需要将 border-spacing 和 border-collapse 规则放在 parent div 上，而不是 table-cell div。