删除最左侧和最右侧的边框

Question

我有这段代码：http://jsfiddle.net/mVX93/48/

是否可以从桌子的最左侧和最右侧移除边框？

我想将其对齐到页面的任一侧，您可以看到它与测试文本不对齐。我的想法是使用第n项将border-left: 0px;应用于第一项，将border-right: 0px应用于最后一项，但这似乎无效。

有人可以告诉我这是否可行以及应该如何实施？

Answer 1

由于您有border-spacing:10px;，因此左侧和右侧将留出空间以分隔td。但是，您可以在表格周围添加div并更改margin-left和margin-right。

试试这个：

body {
    background-color: gray;
    overflow: hidden;
}

.grid {
    margin-left: -20px;
    margin-right: -20px;
}

你的单元格4的文字溢出但是因为你有很多.或没有空格的点，所以当你输入文字时应该没问题。

<强> DEMO

Answer 2

如果将border-spacing更改为border-spacing-left：0px，它将与Test对齐，但会缩小单元格之间的间距。如果你还添加了另一个Test并将其向右浮动，则它与表的右侧对齐。