不同表中的表格单元格宽度不一致

时间:2011-08-10 23:51:06

标签: css width css-tables

我有三个不同的表格,它们具有完全相同的样式规则,但奇怪的是,第二列的宽度随着每个后续表格而减小。

以下是规则:

#content table {
    font-size: 0.875em;
    border-collapse: collapse;
}

#content th {
    font-size: 1.125em;
    margin-top: 0.5em;
}

#content tr {
    border-bottom: 1px dotted #959da5;
}

#content tr:nth-child(even) {
    background: #dfe5e9;
}

#content tr:last-child {
    border: none;
}

#content td {
    vertical-align: top;
    padding: 1em 0.5em;
}

#content td:first-child {
    width: 33%;
}

#content td:last-child {
    width: 66%;
}

以下是相关网页的链接: http://cisdl.org/gonthier/about-judge-gonthier/judgments.html

发生在Webkit和Firefox中。可能导致这种情况的原因是什么?

P.S。我发现这个bug之后只添加了一个固定的宽度,但它没有帮助。

1 个答案:

答案 0 :(得分:0)

出于某种原因(我猜测边距或填充),你的两个宽度语句相互矛盾。只需删除其中一个即可。


像这样:

#content td:first-child {
    width: 33%;
}

#content td:last-child {
}