Question

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

以下是规则：

#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之后只添加了一个固定的宽度，但它没有帮助。

Answer 1

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

像这样：

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

#content td:last-child {
}

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

1 个答案: