Div表顯示ColSpan的被幹擾的單元格

我想將下面的HTML表格轉換爲DIV表格。Div表顯示ColSpan的被幹擾的單元格

<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，

但是，當我把圖像在第一列的干擾的所有行的大小。

請檢查我JSFiddle

來源

2017-05-09 SKiran

可以解決這個問題，只需在您的.cell類中添加這vertical-align: top;
檢查這個JSFiddle，我編輯了自己的代碼

來源

2017-05-09 14:50:45

感謝您的幫助。它工作得很好。 – SKiran

Div表顯示ColSpan的被幹擾的單元格

回答

相關問題