如何删除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;
}