1

table タグの代わりに 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%;
}

これをテーブルに適用しましたが、各セルのコンテンツのサイズに応じて境界線が個別に表示されます。そのため、二重境界線が表示されることがあります...テーブルを通過するデータとしてここで高さ属性を適用できないため、サイズが動的であるため、セルからこれらの二重境界線を削除して、行内のすべてのセルのサイズを等しくする方法がわかりません。

助けてください ！！！！！

4

2 に答える 2

0

申し込んで頂ければと思います

table-layout:fixed

....div-tableセルの幅を設定すると、好きなように動作するはずです。

于 2012-08-09T12:03:13.220 に答える
0

変化する

ボーダー崩壊:崩壊;

に

境界線の折りたたみ:分離;

また

ボーダー崩壊を取り除く

変更点

.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-09T12:04:38.917 に答える