Html 使用显示：表格单元格时，无法在div之间提供空格

我想对齐3个div，彼此相邻。因此，我对父div使用了

display:table

，对内部3个div使用了

display:table cell

前2个分区的宽度已知，第3个分区的宽度未知。因此，使用

display:table cell

可以很好地调整第三个div的宽度

现在，如果我想用

marginleft

或

marginright

给出3个div之间的间距，那么没有效果。请检查代码

---

如果我们能做到，请告诉我。提前感谢。

使用border属性提供类似

border:solid 10px transparent;

---

使用border属性指定类似于

border:solid 10px transparent;

这应该起作用：

 #wrapper div {
      display: table-cell;
      height:100px;
      /* creates space */
      border:5px solid transparent;
      background-clip:padding-box;
  }

您可能希望通过以下方式设置不同的长方体模型，以便在元素的宽度中包含边框：

box-sizing:border-box;

这应该起作用：

 #wrapper div {
      display: table-cell;
      height:100px;
      /* creates space */
      border:5px solid transparent;
      background-clip:padding-box;
  }

您可能希望通过以下方式设置不同的长方体模型，以便在元素的宽度中包含边框：

box-sizing:border-box;

试试这个

#wrapper {
    display: table;
    table-layout: fixed;
    width:100%;
    height:100px;
    background-color:Gray;
    border-spacing:10px;
}

试试这个

#wrapper {
    display: table;
    table-layout: fixed;
    width:100%;
    height:100px;
    background-color:Gray;
    border-spacing:10px;
}

---

表格单元格不能有边距。您可以通过使用透明边框来稍微调整它，如果这不能解决您的问题，那么就没有其他方法了。

表格单元格不能有边距。您可以通过使用透明边框对其进行一些调整，如果这不能解决您的问题，那么就没有其他方法了。

这不会有帮助，因为大纲不占用任何空间。这不会有帮助，因为轮廓不占空间。快速修复：透明边框。快速修复的可能副本：透明边框。解决方案的可能副本有效，但我只希望间距在1和2之间&2和3之间。像这样-我认为不可能使用

表格单元格

。您的解决方案可行，但我只希望间距在1和2之间&2和3之间。像这样-我认为使用

表格单元格是不可能的。