cssdisplay

css中display的显示和隐藏如何进行?

1、display：none可以隐藏某个元素，且隐藏的元素不会占用任何空间。该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。display：block可以显示一个块元素，或者display：inline是显示一个内联元素。display主要用的CSS样式有以下三个：display：block——显示为块级元素。

2、display： none则将元素及其子元素从普通文档流中移除，使其不显示在页面上。display： flex或inline-flex创建Flex容器，其子元素变为Flex项目；display： grid或inline-grid创建Grid容器，子元素成为Grid项目。display： contents则从盒子树中移除元素，但保留其内容，不影响元素的子元素。

3、相比之下，display：contents隐藏了元素自身，但保留了其内容，常用于特殊布局需要。在Flexbox中，例如，ul设置为display：contents，则会移除ul元素本身，而其子项将作为Flex项目的组成部分。深入理解display的规则，如创建BFC（块级格式化上下文）和IFC（内联格式化上下文），是布局的必修课。

相关问答

问：cssdisplay-？

答：“cssdisplay-”这个表述不太清楚呢！您是不是想说 CSS 中的“display”属性呀？它可重要啦，能控制元素是行内、块级还是其他显示方式哟。

要是能再给我多说一说您的具体想法和问题，我就能更好地帮您啦！

问：CSSdisplay不显示属性？

答：亲，“CSS display 不显示属性”这个问题啊，通常是因为设置的属性值不正确啦。

比如设成“none”就是完全不显示。

要注意检查代码中属性值的设置是否符合预期哟，也可能是其他样式覆盖导致的呢。

问：cssdisplay-flex？

答：“css display-flex”啊，这是 CSS 中用于创建 Flex 布局的属性哟！它能让元素在容器内灵活排列，比如可以轻松实现元素的居中、均匀分布啥的。

用了它，页面布局就变得更加灵活和可控啦！