鲁达 欢迎关注！
display是css布局中一个重要的属性，它可以设置html标签的显示方式。常见的取值有以下几个：
display：block
设置元素显示方式为块级元素显示，显示方式为块级元素的标签，默认宽度为父元素宽度，同时宽度和高度都是可以手动设置的，相邻的块级元素是换行显示的。
一些标签的默认显示方式就是block，不需要设置display：block也具有块级元素的以上特性，它们是：div，p，h1~h6，ul，form等。
display：inline
设置元素显示方式为内联元素显示，显示方式为内联元素的标签，默认宽度为内容宽度，宽度和高度是不可设置的，相邻的内联元素是不换行显示的（但同一元素内的文本是可以换行的）。
一些标签的默认显示方式为inline，不需要设置display:inline也具有内联元素的以上特性，它们是：span，label，a，cite，em等。
display:inline-block
设置元素的显示方式为行内块元素，设置了该显示方式的元素同时具有inline和block元素的优质特性，默认宽度为内容宽度，但是宽度和高度都是可以设置的，元素同行显示，整块换行。
默认为inline-block显示的元素有input、textarea、select、button等。
display:none
设置元素不显示。
display:none与visibility:hidden的区别是display:none不显示且不占位（直接移除了该元素），但visibility:hidden不显示但占位（只是隐藏了）。
display
display属性是用来设置元素的显示方式的，在布局中具有重要意义。值得注意的是，无论什么元素都是可以通过设置display属性来修改其显示方式的，所以元素的显示方式不是一成不变的，可以为了布局的需要而进行更改。以上四个只是display较为常见的取值，还有一些较少用到的取值可以参考下图的解释：
display的取值及描述
display的取值及描述
收藏转发请先关注，谢谢支持！