display:table-cell margin

Question

我有2个div display: table-cell.我需要他们之间的空间.

margin-left: 5px 对于第二个div不起作用.

我已经看到了为什么一个div有"display:table-cell;" 不受保证金影响？回答,但我的问题不是关于如何在一个单元格周围设置边框,而是一个左边缘(而不是填充!)用于具体单元格(右边的)

将绿色div设置为

display: table;
border-collapse: separate;
border-spacing: 10px;

不仅在细胞之间,而且在细胞周围都有空间,这就是NOK ...

如何进行？

JSFiddle:http://jsfiddle.net/9cw7rhpu/

Answer 1

尝试使用Flexbox(flexbox)来分隔子元素

div.table {
    display: flex;
    justify-content: space-between;
}

的jsfiddle