在HTML中，display属性是一个非常重要的属性，它用于控制元素的显示方式，通过设置不同的display值，我们可以改变元素在页面上的布局和显示效果，下面将详细介绍display属性的作用和常见的取值。
1、block：这是display属性的默认值，当元素的display属性设置为block时，元素将以块级元素的形式显示，块级元素会独占一行，宽度默认为100%，并且会在其前后自动添加换行符。<div>、<p>、<h1>等标签默认为块级元素。
2、inline：当元素的display属性设置为inline时，元素将以行内元素的形式显示，行内元素不会独占一行，而是与其他行内元素在同一行内显示。<span>、<a>、<em>等标签默认为行内元素。
3、inline-block：当元素的display属性设置为inline-block时，元素将以行内块元素的形式显示，行内块元素具有块级元素的宽度特性，但仍然与其他行内元素在同一行内显示，可以使用CSS样式将一个块级元素设置为行内块元素，以实现类似行内元素的布局效果。
4、none：当元素的display属性设置为none时，元素将被隐藏，不可见且不占据页面空间，可以使用JavaScript脚本动态地将某个元素设置为不可见。
除了上述常见的取值外，还有一些其他常用的display属性值，如：
5、flex：当元素的display属性设置为flex时，元素将成为弹性盒子容器，其子元素将按照弹性盒子布局进行排列，弹性盒子布局是一种现代的布局方式，可以更加灵活地控制元素的布局和对齐方式。
6、grid：当元素的display属性设置为grid时，元素将成为网格容器，其子元素将按照网格布局进行排列，网格布局是另一种现代的布局方式，可以更加灵活地控制元素的布局和对齐方式。
7、table：当元素的display属性设置为table时，元素将成为表格容器，其子元素将按照表格布局进行排列，表格布局通常用于创建表单和数据展示界面。
8、list-item：当元素的display属性设置为list-item时，元素将成为列表项，通常用于嵌套在其他列表元素中，可以将一个段落文本包裹在一个无序列表标签中，然后将该段落文本的display属性设置为list-item，使其成为列表项。
9、run-in：当元素的`display