[分享]css元素display属性的值

CSS元素display属性是用来控制元素的显示方式的，其值可以分为以下几种：

 display: block; /* 块元素 */ 
    display: inline; /* 行内元素 */
    display: inline-block; /* 行内块状元素 */
    display: none; /* 元素不可见 */
    display: flex; /* 弹性盒子布局 */
    display: grid; /* 网格布局 */
    display: table; /* 表格布局 */ 

其中，块元素是占据整个父容器宽度的元素，块元素默认情况下会自动换行；行内元素是不会自动换行的，并且它的大小只能由内容决定；行内块状元素则是行内元素和块状元素的结合体，可以设置大小和边距等属性，同时也不会自动换行。

如果将display属性值设置为none，则元素将不可见，但是元素在文档流中仍然存在，可以通过JavaScript代码控制它的显示和隐藏。

除此之外，弹性盒子布局和网格布局是CSS3新增的两种布局方式，它们可以更加灵活地进行页面布局，而表格布局则一般不常用。

 display: flex; /* 弹性盒子布局 */
    display: grid; /* 网格布局 */
    display: table; /* 表格布局 */ 

以上就是关于CSS元素display属性值的介绍，希望对大家有所帮助。