ColSpanの妨害セルを表示しているDivテーブル

Question

次のHTMLテーブルをDIVテーブルに変換しようとしています。

<style type="text/css"> 
.tg {border-collapse:collapse;border-spacing:0;} 
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} 
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;} 
.tg .tg-yw4l{vertical-align:top} 
</style> 
<table class="tg"> 
    <tr> 
    <th class="tg-031e" rowspan="5"></th> 
    <th class="tg-yw4l"></th> 
    </tr> 
    <tr> 
    <td class="tg-yw4l"></td> 
    </tr> 
    <tr> 
    <td class="tg-yw4l"></td> 
    </tr> 
    <tr> 
    <td class="tg-yw4l"></td> 
    </tr> 
    <tr> 
    <td class="tg-yw4l"></td> 
    </tr> 
</table> 

私は、DIVでそれを転化する

を試してみましたが、しかし、私は最初の列にその不穏なすべての行のサイズの画像を入れていたとき。

あなたはこのvertical-align: top;
このJSFiddleをチェックしてください追加し、ちょうどあなたの.cellクラスで、その問題を解決することができ、私のJSFiddle

Answer 1

を確認してください、私は助けるため