HTML表格跨度，2行仅限于第一列 - 可以修复css吗？

Question

有趣的问题。我有这段代码：

 <table border="1">
    <tbody>
        <tr>
            <td>
                 col1
             </td>
             <td>
                 col2
             </td>
             <td>
                 col3
             </td>
             <td>
                 col4
             </td>
       </tr>
       <tr style="display: block;">
             <td colspan="4">
                 in ie 11 text only appears in col1
             </td>
       </tr>
    </tbody>
 </table>

现在，如果在IE 11（或Chrome）中渲染，则跨度会被破坏，第2行将被限制在第一列。

挑战是我无法更改html代码。我正在寻找可以应用于表结构元素的仅CSS 修复程序？

欣赏这可能是不可能的，但有兴趣知道这种或那种方式。

Answer 1

试试这个：

table tr:nth-child(2) {
    display: table-row !important;
}

如果有多个行具有相同的条件，那么您可以强制所有行的行为：

table tr { 
    display: table-row !important; 
}