使用border-collapse:collapse合并表格单元格边框时,chrome显示异常。
table {
width: 400px;
height: 300px;
border: 1px solid red;
/* 合并相邻边框 */
border-collapse: collapse;
}
td {
border: 1px solid red;
}
<table cellspacing="0" cellpadding="0">
<tr>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
</tr>
<tr>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
<td>123</td>
</tr>
</table>
在chrome中结果:
firefox中:
这种情况要怎么解决?
没有复现