我正在尝试将以下 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中隐藏它,
但是当我将图像放在第一列时,它会扰乱所有行的大小。
请查看我的JSFiddle
最佳答案
你可以解决这个问题,只需在你的 .cell
类中添加这个 vertical-align: top;
检查这个JSFiddle ,我已经编辑了你的代码
关于html - 显示 ColSpan 的受干扰单元格的 Div 表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43871881/