display属性常用的属性值有哪四个

在前端开发中，CSS是必备技能之一。而CSS的display属性，则是CSS中的一个非常重要的属性。display属性定义一个元素生成的盒子类型，并且指定了如何布置元素的内容。那么，display属性常用的属性值有哪四个呢？

1. block

block是display属性最常用的属性值。它将元素呈现为块级元素，即覆盖整个可用宽度(一行只能放一个块级元素)，默认情况下block元素既可以包含行内元素，也可以包含块级元素。比如div、h1、p等元素都是块级元素。

2. inline

inline也是display属性常用的属性值之一，它将元素呈现为行内元素，旁边可以放其他的行内元素或文本。inline元素只保留内容区域，不会额外占据一行。比如a、span、img等元素都是行内元素。

3. inline-block

inline-block也是display属性常用的属性之一。它将元素呈现为内联块元素，即旁边可以放其他的行内元素或文本，并保留内容区域，但不会撑满整个可用宽度。inline-block常用于实现多列布局或伪类效果等。比如input、button等元素都可以设为inline-block。

4. none

none将元素从渲染树中完全移除，即不占据空间。none在一些特殊场景中非常常用，比如隐藏元素、响应式布局、动画效果等。比如设置一个元素为none后，与其兄弟元素的位置仍会保持不变。

除了上面四种常用的属性值之外，display属性还有其他一些比较少用到的属性值，例如table、table-caption、table-header-group等等。总之，在日常web开发的过程中，熟练使用display属性是非常重要的。

文章