tbodyのないCSSでdivに変換テーブル

Question

テーブルをdivテーブルに変換したいのですが、Dreamweaverでテーブルを作成したときにちょうど<tbody>というタグが追加されました。テーブルをdivテーブルに変換するときに必要ですか？ここで

は、あなたが見ることができるように、私は

width="100%" border="0" align="left" cellpadding="0" cellspacing="0" 

それを行うための正しい方法は何であるとdivを使用してテーブルをしたいテーブル

<table width="100%" border="0" align="left" cellpadding="0" cellspacing="0"> 
    <tbody> 
    <tr> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
    </tr> 
    <tr> 
     <td>&nbsp;</td> 
    </tr> 
    </tbody> 
</table> 

のコードですか？ <tbody>タグの別のdivを設定する必要がありますか？これはあなたのために働く

Answer 1

HTML

<div class="table"> 
    <div class="tr"> 
    <div class="td"></div> 
    <div class="td"></div> 
    </div> 
    <div class="tr"> 
    <div class="td"></div> 
    <div class="td"></div> 
    </div> 
</div> 

CSS

.table { 
    width: 100%; 
    display: table; 
    border-collapse: collapse; 
} 
.table .tr { 
    display: table-row; 
} 
.table .td { 
    display: table-cell; 
    vertical-align: middle; 
    text-align: left; 
} 

希望。 :)