html - 样式 :Display and Visibility errors?

Question

< table border="1" cellpadding="0" cellspacing="0" width="100%">  
    < tr>
        < td>1< /td>  
        < td>1< /td>
        < td>1< /td>
        < td>1< /td>
        < td>1< /td>
    </tr>
    < tr style="display:block ">
        < td>2< /td>
        < td>2< /td>
        < td>2< /td>
        < td>2< /td>
        < td>2< /td>
    </ tr>
    < tr style="visibility:hidden ">
        < td>3< /td>
        < td>3< /td>
        < td>3< /td>
        < td>3< /td>
        < td>3< /td>
    < /tr>
    < tr style="visibility:hidden ">
        < td>4< /td>
        < td>4< /td>
        < td>4< /td>
        < td>4< /td>
        < td>4< /td>
    < /tr>
    < tr>
        < td>5< /td>
        < td>5< /td>
        < td>5< /td>
        < td>5< /td>
        < td>5< /td>
    < /tr>
    < tr>
        < td>6< /td>
    < /tr>
    < tr>
        < td>7< /td>
    < /tr>
< /table>

查看我正在使用可见性和显示隐藏或显示行的代码，但两者都有错误

可见性隐藏行但不删除空间，如“display:none”，
我可以使用“显示”，但它无法在 Safari 和 Firefox 中正常工作。

请给我解决方案。 我的要求是:-

在所有浏览器上隐藏该行并删除其空间。

Answer 1

首先将 display: block; 更改为 display: table-row;，然后使用 display: none; 代替 可见性:隐藏；。

display:block; 适用于 div 元素和类似元素，不适用于表格行。