刪除邊界上最左邊和最右邊

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

如果你改變了邊界間距邊框間距左：0像素其與測試對齊，但降低了細胞之間的空間。如果您還添加另一個測試並將其右移，則它與表格的右側對齊。