2012-05-19 71 views
0

我表一個樣式:單元格邊框更改會影響整個表格標記

table { 
    border-collapse:collapse; 
} 

td, th { 
    height: 20px; 
    width: 20px; 
    border: 1px solid #000000; 
    text-align:center; 
} 

th { 
    border: 0; 
} 

當我改變一個或幾個單元格,行和列寬度的邊框寬度,以及不確定的方式整體表格寬度的變化。這並不是那麼嚴重,我想要防止任何視覺上的變化,除了受影響的細胞的邊界。更改這些單元格的寬度或高度沒有幫助。 如何防止修改表格位置並僅更改所需單元格的邊框寬度?

JSFiddle


UPD問題是固定的。我只在表格的右側和底部添加兩行和兩列,並在最後一行和一列中將邊框設置爲2px。

+1

請提供[的jsfiddle(http://jsfiddle.net/) –

+0

記住:邊界:0像素沒有邊界:0 –

+0

這是[的jsfiddle(http://jsfiddle.net/Tm9k6/)。 JavaScript根本不起作用,所以你可以點擊第4行或者最後一個單元格中的任何單元格。 – uzer

回答

0

border-collapse:collapse意味着您所有的單元格邊框都會被混合在一起,因此也會採用相同的樣式。

See this link

崩潰 - 其中兩個空間和表單元格崩潰之間的邊界所以只有一個邊框和電池之間沒有空格。