在 Web 前端开发中，display 属性是非常常用的 CSS 属性之一。它控制一个元素在页面中的显示方式，可以让我们灵活地控制页面布局和元素的显示效果。
基本概念
display 属性有多种取值，每种取值对应不同的显示方式，常见的取值包括：
block：将元素显示为块级元素，会独占一行，可以设置宽度、高度等属性。inline：将元素显示为行内元素，不会独占一行，宽度和高度由内容决定。inline-block：将元素显示为行内块级元素，不会独占一行，可以设置宽度、高度等属性。none：元素不显示，不占用空间。
除了这些常见的取值外，还有一些其他取值，比如 flex、grid 等，它们用于实现更复杂的布局。
示例代码
block
------ - -------- ------ ------ ------ ------- ------ ----------------- -------- -
---- ----------------------------
inline
------- - -------- ------- ----------------- -------- -
----- ------------------------------
inline-block
------------- - -------- ------------- ------ ------ ------- ----- ----------------- -------- -
----- --------------------------------------
none
----- - -------- ----- -
---- ----------------------------
总结
通过 display 属性，我们可以灵活地控制元素在页面中的显示方式，实现各种各样的布局效果。熟练掌握 display 属性的使用，对于提升前端开发的能力和效率都是非常有帮助的。希望本文对你有所帮助！