0

我正在使用 bootstrap 2.3 版本和一些自定义 CSS 样式。我遇到了下一个问题：当我尝试将右边框添加到行中的最后一个 td 时，它不会显示。但是当我缩放浏览器窗口或将宽度设置为 2px 时会显示它。我使用 chrome，但在 Firefox 中似乎存在同样的问题。

Jsfiddle 示例：http: //jsfiddle.net/Ct7dC/

CSS：

    table.entity-table > tbody > tr > td:last-child {
        border-right: 1px solid #DDD; /* It works only if I set 2px width. Also works with 1px width but if I zoom browser window */
    }

还注意到，当我缩放页表时，左右边框变得不直

4

2 回答 2

1

因为右边框不平滑是因为它的顶部没有边框的额外宽度（它根本没有边框），因为右边框不是内联边框，因此该行获得了一些额外的宽度。您可以通过将 th 也设置为边框来解决此问题。

table.entity-table > thead > tr > th 
{
    background-color: #DDD;
    color: #000;
    border: 1px solid #DDD;
}

jsFiddle

现在解决 Ubuntu 问题。我不知道您是否使用铬的变体（如铬）？

编辑

小提琴也适用于铬窗，所以肯定要在 ubuntu 上做一些事情。

于 2013-10-08T12:08:20.677 回答
0

喜欢这个 演示

css

table.entity-table > tbody > tr > td {
    vertical-align: middle;
border-left: 1px solid #DDD;
}
于 2013-10-08T11:54:14.777 回答