css display属性

display属性

属性	作用
display：none;	none值表示隐藏元素，在页面不占位置
display: block;	将行级变块级元素
display: inline;	将块级元素改成行级元素
display: inline-block;	有行级元素和块级元素的特点，可以设置宽高以及外边距，不会独占一格

块级元素：

1）块级元素独占一行

2）块级元素可以设置宽高

3）块级元素默认宽度占一行，默认高度为0但可以由内容撑开

4）块级元素如果设置高度，则注意高度就固定死，内容就有可能会超出

行级元素：

1）行级元素不能独占一行

2）行级元素不可以设置宽高，宽高由内容撑开

3）行级元素不支持设置上下外边距

4）行级元素设置的上下 内边距 会与其他元素重叠

行内块元素：

1）不会独占一行

2）可以设置宽高，如果不设置宽高由内容撑开

3）可以设置上下的外边距