display: inline-block； 是什么意思？

1.display: inline-block;是CSS中的一个属性值组合，用于指定元素的显示方式。

将元素的display属性设置为inline-block时，该元素会以内联块级元素的方式进行显示。

内联块级元素具有以下特点：

元素在同一行内显示，不会独占一行。

元素可以设置宽度、高度、内外边距等盒模型属性。

元素之间会存在默认的水平间距。

请注意，使用display: inline-block;可能会导致元素之间存在默认的水平间距。如果需要去除这些间距，你可以使用负外边距或者其他方法进行调整。

---

2.HTML 的 "display"属性用于控制元素的显示行为和如何在其容器中排布。

以下是 "display" 属性的几种常见值及其含义：

none：隐藏元，使它们不出现在页面上，也不会占用任何空间，同时不影响页面的整体布局。
block：将元素设置为块级元素，这样它会占地形（通常是一行），并且可以通过设置宽度、高度、外边距和内边距等CSS属性来自定义。
inline：将元素设置为内联元素，它不会独占一行，而是与其他元素一起沿同一行排列。内联元素通常不会设置这些属性，因为默认行为就这样。
inline-block：结合了内联元素和外链框元素的特点，使得元素能够在同一行中显示，并且可以像块级元素一样设置宽度、高度、外边距和内边距等属性。
flex ：这属性属于现代前端开发技术，如CSS Grid和CSS Flexbox，它们提供了更复杂和动态的布局能力，而不是简单的块级或内联元素显示。
table：将元素设置为表格布局，这通常用于创建具有固定行数和列数的结构化数据表格。