如何设置与其他边框对齐的边框

时间:2014-10-08 15:06:53

标签: html css css3

我的主题包含以下代码:

    table.alt {
        border-collapse: separate;
    }

        table.alt tbody tr td {
            border: solid 1px #e5e5e5;
            border-left-width: 0;
            border-top-width: 0;
        }

            table.alt tbody tr td:first-child {
                border-left-width: 1px;
            }

        table.alt tbody tr:first-child td {
            border-top-width: 1px;
        }

        table.alt thead {
            border-bottom: 0;
        }

        table.alt tfoot {
            border-top: 0;
        }

当我将我的CSS添加到我的html时,边框未正确对齐。我的代码是:

table.alt tr th.rightAlignBorderLeft {
    text-align: right;
    border-left: solid 1px #e5e5e5;
}

以下是截图:

enter image description here

我不想将border-collapse设置为折叠,因为更改我的默认主题代码可能会弄乱我的页面。 我该如何解决这个问题?

编辑: 这是我的(新)小提琴:http://jsfiddle.net/ru1923mf/1/

1 个答案:

答案 0 :(得分:0)

我已经解决了这个问题。我在这里找到了答案:http://css-tricks.com/forums/topic/how-can-i-set-a-border-in-alignment-with-other-borders/