html5 table 边距,html – CSS表布局 – 为什么table-row不接受边距？

。容器 {

width：850px;

padding：0;

display：table;

margin-left：auto;

margin-right：auto;

}}

.row {

display：table-row;

margin-bottom：30px; /* 这里 */

}}

.home_1 {

width：64px;

height：64px;

padding-right：20px;

margin-right：10px;

display：table-cell;

}}

.home_2 {

width：350px;

height：64px;

padding：0px;

vertical-align：middle;

font-size：150％;

display：table-cell;

}}

.home_3 {

width：64px;

height：64px;

padding-right：20px;

margin-right：10px;

display：table-cell;

}}

.home_4 {

width：350px;

height：64px;

padding：0px;

vertical-align：middle;

font-size：150％;

display：table-cell;

}}

和下面的html

我的问题是相对于在CSS中标记为HERE的行。我发现行彼此太接近，所以我试图添加一个底部边距来分开他们。不幸的是它不工作。我必须添加边距到表单元格以分隔行。

这种行为背后的原因是什么？

此外，是否可以使用这个策略来执行布局，因为我在做什么：

[icon] - text [icon] - text

[icon] - text [icon] - text

还是有更好的策略？