表格的 <TD> 右边框问题答案

【问题标题】：Table's <TD> right border issue表格的 <TD> 右边框问题
【发布时间】：2012-08-27 13:13:09
【问题描述】：

请看一下这个小提琴

jsfiddle.net/Qstuw/2/

正如您从图片中看到的，第一行的右边框在不同的位置。我正在尝试将所有正确的边框设置为 1 行 - 我的意思是在同一个地方

我该怎么做？

【问题讨论】：

我可以问一下：你为什么要设置11.5px字体大小？监视器无法呈现亚像素大小，因此它将舍入为11px 或12px。但无论哪种方式，它都不会是您指定的大小。

标签： html css html-table border

【解决方案1】：

为你所有的div-s - http://jsfiddle.net/Qstuw/4/添加一个透明的左边框

div.Answer {
    margin: 5px 0 5px 0;
    padding-left: 10px;
    border-left: 4px solid transparent;
}

【讨论】：

然后，您可以使用div.Answer.SelectedDiv{border-left-color:#90db99} 来仅覆盖颜色而不是所有border-left。这样如果边框的宽度改变了，就不需要在两个地方改变了。

【解决方案2】：

见http://jsfiddle.net/Qstuw/3/

div.Answer {
    margin: 5px 0 5px 4px; /* 4px margin-left */
    padding-left: 10px;
}

div.Answer.SelectedDiv{
    border-left: 4px solid #90db99; /* same to border-left */
    margin-bottom: 15px;
    margin-left:0; /* reset margin-left */
}

【讨论】：

【解决方案3】：

是所选答案左侧的 4px 边框在起作用。

div.Answer.SelectedDiv{
border-left: 4px solid #90db99;
}

您可以在所有答案的左侧添加一个边框。

div.Answer {
border-left:4px solid #ffffff;
}

【讨论】：

如果背景不是白色，这将中断：-P