我有三个不同的表格,它们具有完全相同的样式规则,但奇怪的是,第二列的宽度随着每个后续表格而减小。
以下是规则:
#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之后只添加了一个固定的宽度,但它没有帮助。
答案 0 :(得分:0)
出于某种原因(我猜测边距或填充),你的两个宽度语句相互矛盾。只需删除其中一个即可。
像这样:
#content td:first-child {
width: 33%;
}
#content td:last-child {
}