其他分享
首页 > 其他分享> > css的显示

css的显示

作者:互联网

显示方式

  作用:决定了元素页面中的如何摆放定位

  属性:display

    display:none;  元素的分类变为空,从而不见,脱离了文档流

    控制元素的可见性:visibility:hidden; 隐藏

             visibility:visible; 可见的

                visibility:collapse;使用在表格元素上,删除一行或者一列,不影响表格整体布局  

 1 <table border="1" cellpadding="0" cellspacing="0" width="300px" height="300px">
 2             <tr>
 3                 <td style="visibility: collapse;"></td>
 4                 <td></td>
 5                 <td></td>
 6             </tr>
 7             <tr>
 8                 <td style="visibility: collapse;"></td>
 9                 <td></td>
10                 <td></td>
11             </tr>
12             <tr>
13                 <td style="visibility: collapse;"></td>
14                 <td></td>
15                 <td></td>
16             </tr>
17         </table>

 

区别:

  display  脱离文档流  ;visibility  不脱离文档流,导致空间依然占据

和显示无关的知识点

透明色

  除了border里使用的transparent外,还有opacity表示透明色

标签:显示,表格,脱离,元素,visibility,文档,display,css
来源: https://www.cnblogs.com/zycs/p/12085338.html