css - display属性

display属性有四个取值：block inline inline-block none

1、block display是类似于h和p标签在网页中默认显示方式，占据整整一行，所以不会与其他元素共同显示在一行之内。常见的block-display元素还有div、ol ul li、form等。如果想对某个block-display的元素的某部分应用样式，则对相应的部分用span元素

2、inline-display元素只在高度和宽度上占用所需的空间，例如span img a等，不会阻止其他元素显示在同一行，但是这些元素不能对其更改宽度。

3、inline-block，可以显示在同一行显示，同时可以更改宽度。

4、none，相当于将对应的元素在页面中删除。类似的是对元素设置visibility：hidden，但这样原来的元素只是不显示，但还是占着原来的位置

注：

1、虽然元素都有默认的显示方式，但是可以通过css-display属性来改变原有的显示方式。