CSS表nthchild（）最後td沒有顯示邊框

我試圖顯示錶td的一個與邊界和一個沒有底部的邊界。所有的作品，但是當涉及表格的最後一個td時，border-bottom不起作用。CSS表nthchild（）最後td沒有顯示邊框

而且它不是在IE工作在所有：

.moduletablehome table tbody tr td:nth-child(odd) { 
    margin: 4px; 
    padding: 4px; 
    border-right: 1px solid; 
    border-bottom: 1px dotted; 
    overflow: hidden; 
} 
.moduletablehome table tbody tr td:nth-child(even) { 
    margin: 4px; 
    padding: 4px; 
    border-bottom: 1px dotted; 
    overflow: hidden; 
}

這裏是一個的jsfiddle鏈接：jsfiddle.net/EC6dW/2。

來源

2011-11-23 dave

嘿亞瑟有什麼好運？ – dave

終於，我得到了解決，

我從兩個TD的

給出的下邊框虛線到TR

並取消了邊框底部

來源

2011-11-23 10:24:53 dave

我試圖顯示錶td作爲一個與邊界和一個沒有底部的邊界。

您的代碼指定了兩種情況的底部邊界，所以我不確定這是您想要的嗎？如你所知，奇數和偶數情況之間的差異在border-right，所以也許你想轉換border-bottom和border-right？

我把你的jsfiddle清理到了我認爲是最低要求的地方：http://jsfiddle.net/EC6dW/5/並且看到了我對你的css的期望。（我改變了甚至tds使用border-bottom: 1px dotted像你在你的問題，而不是像你在jsfiddle 1px solid）。

來源

2011-11-23 07:05:11

邊框底部可用，但邊框右邊只需要左邊td。並由於某種原因，最後td – dave

爲了使這個工作與IE瀏覽器，您將需要使用JavaScript/JQuery。

這裏是一個快速教程http://verboselogging.com/2010/01/17/making-nth-child-work-everywhere

來源

2011-11-23 08:37:51

沒有顯示邊框底部嗨凱西，我希望通過CSS和HTML解決它。 – dave

CSS表nthchild（）最後td沒有顯示邊框

回答

相關問題