隐藏表格的行显示后布局混乱的问题

1.在做项目时用了一个表格做注册,不同类型人的身份填写内容不同,所以有些内容会隐藏。
2.原本隐藏了表格的一行(改行置为display:none),但是在显示表格(display:block)后发现,显示的行只占据表格的第一列并且元素每一列都各占一行
3.查询了display:block属性:此元素将显示为块级元素,此元素前后会带有换行符。也就是显示为

<table>
    //正常显示的行
    <tr>
        <td></td><td></td>
    </tr>
  //  display:none->display:block;的行
    <tr>
        <td></td><br>
        <td></td>
    </tr>
</table>

4.解决方法:把display:block改为table-row:此元素会作为一个表格行显示(类似 )。即显示整个隐藏的行

猜你喜欢

转载自blog.csdn.net/rj2017211811/article/details/87781281