css中display属性显示出来

在CSS中，display属性用于指定一个元素应该如何显示。默认情况下，每个HTML元素都有一个默认的display值，例如div元素的默认值为“block”，而span元素的默认值为“inline”。

/* 将元素设置为块级元素 */
div {
  display: block;
}

/* 将元素设置为内联元素 */
span {
  display: inline;
}

除了“block”和“inline”外，display属性还有很多其他的值可供选择，例如“inline-block”、“none”、“table”、“grid”等等。

当使用“none”值时，元素将被隐藏，不会占用空间。这在创建响应式布局时非常有用，因为您可以根据屏幕大小动态地显示或隐藏元素。

“inline-block”属性将元素的显示方式设置为内联块级元素。这意味着元素像内联元素一样排列，但其可选框与块级元素相同，因此尺寸可以进行调整。这对于创建具有唯一设计要求的页面元素非常方便。

总结一下，CSS中的display属性是控制元素如何显示的关键。该属性提供了许多选项，可以根据需求灵活地使用。