html - 如何删除 div 表格单元格中的垂直填充？

Question

考虑这个网络示例（它似乎有同样的问题）我的网站上有以下 CSS （注意和之间的空格#head）#body <div>'s：

#body {
        display: table;
        border-spacing: 0;
        border-collapse: collapse;
}

#body-row {
        display: table-row;
        margin: 0;
        padding: 0;
}

.column-left, .column, .column-right {
        display: table-cell;
        padding: 0px;
        border: dotted 2px #89E;
}

.column-left, .column-right {
        width: 190px;
        font-size: .95em;
}

但是，这仍然会在表格单元格的顶部和底部之间添加一个空间。填充和边距似乎对此没有任何作用。建议？

Answer 1

.column-left, .column, .column-right {
    vertical-align: top; /* add vertical align top to fix this issue */
    display: table-cell;
    padding: 0px;
    border: dotted 2px #89E;
}