Html 如何在设置为显示表格单元格的div之间添加边距？

我将父div设置为display:table，并将其相应的三个子div设置为display:inline单元格。这三个子div是水平堆叠的，我在三个子div上设置了三个像素的边框。如何在子div之间添加边距，以便将空间放在边框的外侧而不是内侧

您的css无效：“显示：内联单元格”不是有效的css声明。您将需要改用“显示：表格单元格”。如果您希望它们堆叠在一起，也可以这样做，则需要将每个“表单元格”包装成一个“表行”

HTML

---

你能提供一份工作吗？或者发布您的代码？试试这个：可能会有帮助。@ChristopherMata-填充不会增加边框内的空间吗？我希望该空间应用于边界之外。可能重复的是！这就是我想要的！是否有任何方法仅将边框间距应用于单元格2的左侧和右侧？？我正在水平堆叠div，只希望中间div（单元格2）具有左/右单元格间距。我认为这是不可能的，抱歉。表格对齐和定位在CSS中受到一定限制。

<div class="table">
    <div class="tableRow">
      <div class="tableCell">Cell 1</div>
    </div>
    <div class="tableRow">
      <div class="tableCell">Cell 2</div>
    </div>
    <div class="tableRow">
      <div class="tableCell">Cell 3</div>
    </div> 
</div>

.table{
border: 2px solid #999;
display: table;
border-spacing: 15px;
}
.tableRow{
    display: table-row;
}
.tableCell{
    border: 3px solid #333;
    border-collapse: separate;
    display: table-cell;
    border-collapse: separate;    
}