css display显示

CSS的display属性用于指定HTML元素应该如何显示。常见的display属性值包括block、inline、inline-block和none等。

- block: 设置元素显示为块级元素，会独占一行，可以设置宽度、高度和外边距等属性。
- inline: 设置元素显示为内联元素，不会独占一行，只占据其内容的空间，不能设置宽度、高度和外边距等属性。
- inline-block: 设置元素显示为内联块级元素，不会独占一行，可以设置宽度、高度和外边距等属性。
- none: 设置元素不显示，从盒子树中移除。既不会占据空间，也不会显示元素本身及其后代元素。

以上是一些常见的display属性值，通过设置不同的display属性值，可以实现不同的布局效果。比如三列布局可以使用flex布局，设置display为flex，并指定子元素的宽度和flex-grow属性值实现。

另外，还有一种特殊的display属性值是contents，它会使元素本身不被渲染，但其子元素可以被正常渲染。这样可以实现只影响元素内容样式而不影响元素本身的效果。但像背景色、边框等样式对元素本身是不会生效的。

相关问题

css display显示隐藏

CSS中的display属性可以控制元素的显示和隐藏。常用的取值有以下几种：

1. display: none;：将元素完全隐藏，不留下任何空间。
2. display: block;：将元素显示为块级元素，独占一行。
3. display: inline;：将元素显示为内联元素，不独占一行。
4. display: inline-block;：将元素显示为内联块级元素，不独占一行。
5. display: flex;：将元素显示为弹性容器，可以使用弹性布局。
6. display: grid;：将元素显示为网格容器，可以使用网格布局。

通过设置display属性，可以实现根据需要来显示或隐藏元素。例如，设置display: none;可以在需要时将元素隐藏起来，并且不占用页面空间。而将display: block;或display: inline;设置为元素，则可以使元素显示出来。

css 元素显示隐藏display

CSS中的display属性用于控制元素的显示和隐藏。它有多个取值，其中常用的有以下几种：

1. display: none;
这个值会完全隐藏元素，元素不会在页面上占据任何空间。相当于元素被从文档流中移除了。

2. display: block;
这个值会将元素显示为块级元素，即元素会独占一行，并且可以设置宽度、高度、边距等属性。

3. display: inline;
这个值会将元素显示为内联元素，即元素不会独占一行，只会占据自身内容所需的空间。

4. display: inline-block;
这个值会将元素显示为内联块级元素，即元素不会独占一行，但是可以设置宽度、高度、边距等属性。

5. display: flex;
这个值会将元素显示为弹性盒子容器，可以使用弹性盒子布局来排列子元素。

6. display: grid;
这个值会将元素显示为网格容器，可以使用网格布局来排列子元素。

除了以上常用的取值外，display属性还有其他一些取值，如table、table-cell、table-row等，用于控制元素的表格布局。