可以使用 display 属性定义建立布局时元素生成的显示框类型。
1. 如果将 display 属性设置为 block,可以让行内元素(比如<a>
元素)表现得像块级元素一样;
2. 如果将 display 属性设置为inline,可以让块级元素(比如<p>
元素)表现得像内联元素一样;
3. 可以通过把 display 属性设置为 none,让生成的元素根本没有框。这样的话,该框及其所有内容就不再显示,不占用文档中的空间。
在DIV设计中,使用display:none属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;而使用visibility:hidden属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属性值。