html - 嵌套表格标题对齐

Question

http://egbsystem.net/innosol/prototype/grid_test_pay.html

只需查看链接上方并检查嵌套表标题和主表标题。没有正确对齐。我需要对齐与主表标题高度相同的高度。

请帮帮我。

Answer 1

你可以删除

height: 50px

来自 HTML

同时从 css 中的以下类中删除填充:

#paygrid th {
    padding: 6px; /* remove this line */
    border: 0;
}
#paygridaMain th {
    padding: 2px; /* and this line */
    margin: 0;
}

问题在于 ID (#) 比类更具体。

您还需要处理嵌套表格的边框。要么删除外部边框，要么删除它嵌套的单元格的边框，否则你将拥有看起来像 2px 的边框。