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