[分享]css元素显示模式有哪些

在 CSS 中，每个 HTML 元素都有一个显示模式，它决定了元素如何在页面上呈现。

 display: none; // 不显示
    display: block; // 块级元素，占据一整行
    display: inline; // 行内元素，不占据一整行，紧贴在其他行内元素之后
    display: inline-block; // 行内块级元素，不占据一整行，但可以设置宽高等属性，支持 margin 和 padding
    display: flex; // 块级弹性盒子，使用弹性布局
    display: grid; // 块级网格布局
    display: table; // 行内表格元素，类似 HTML 的 table
    display: table-cell; // 行内表格单元，类似 HTML 的 td
    display: table-row; // 行内表格行，类似 HTML 的 tr 

根据实际需求，我们可以选择不同的显示模式来呈现元素，达到更好的视觉效果和布局布置。