問題，而使用div標籤，而不是表

我寫我的CSS文件如下：

.div-table{ 
display:table;   
border-collapse:collapse; 
border:1px solid lightgray; 
margin-right:1%; margin-left:1%; 
width:99%; 
font-size:13px; font-family:Verdana; 
} 
.div-table-row1{ 
display:table-row; 
background-color:White; 
width:33%; 
clear:both; 
} 
.div-table-col{ 
float:left; 
display:table-column; 
border:1px solid lightgray; 
width:33%; 
}

我這個應用到我的桌子，但邊框將根據每個單元格中的內容大小單獨進行。所以有時我得到雙邊框... 我不能在這裏應用高度屬性作爲數據通過表，所以它是動態的大小我不知道如何從單元格中刪除這些雙邊框，並使所有單元格的大小在同一行中。

請幫忙!!!!!

來源

2012-08-09 priya77

你爲什麼想用div製作一張桌子？如果數據是表格，請使用表格。 – Flash 2012-08-09 12:02:15

這可能並非如此，但如果它是顯示的表格數據，請使用表格，這就是它們的用途。所有這些'表是邪惡'的東西，你聽到的是佈局，而不是數據。 – 2012-08-09 12:02:38

變化

邊界崩潰：崩潰;

到

邊界崩潰：獨立;

或

刪除邊框崩潰

變化

.div-table{ 
    display:table;   
    border-collapse:collapse; 
    border:1px solid lightgray; 
    margin-right:1%; margin-left:1%; 
    width:99%; 
    font-size:13px; font-family:Verdana; 
    }

到

.div-table{ 
display:table;   
border-collapse:separate; 
border:1px solid lightgray; 
margin-right:1%; margin-left:1%; 
width:99%; 
font-size:13px; font-family:Verdana; 
}

來源

2012-08-09 12:04:38

我相信，如果你申請

table-layout:fixed

...到.div-table，並設置單元格的寬度，他們應該做的，你喜歡的方式。

來源

2012-08-09 12:03:13 Faust

問題，而使用div標籤，而不是表

回答

相關問題