如何使用CSS中的`display`属性🏠 回到主页如何使用CSS中的`display`属性一个对象的displa

如何使用CSS中的`display`属性

一个对象的display 属性决定了浏览器对它的渲染方式。

这是一个非常重要的属性，而且可能是你可以使用的数值最多的一个。

这些值包括

加上其他一些你不可能使用的，如ruby 。

选择其中任何一个都会大大改变浏览器对该元素及其子元素的行为。

在这篇文章中，我将分析其他地方没有涉及的最重要的元素。

我将在另外的文章中介绍其他内容。

内联是CSS中每个元素的默认显示值。

所有的HTML标签都是内联显示的，除了一些元素，如div 、p 、section ，它们被用户代理（浏览器）设置为block 。

内联元素没有应用任何边距或填充。

高度和宽度也是如此。

你可以添加它们，但页面的外观不会改变--它们是由浏览器自动计算和应用的。

类似于inline ，但是inline-block width 和height 是按照你指定的方式应用的。

如前所述，通常元素都是内联显示的，但有些元素除外，包括

被浏览器设置为block 。

使用display: block ，元素会一个接一个地垂直堆叠，每个元素都会占到页面的100%。

如果你设置了width 和height 属性，那么分配给它们的值以及margin 和padding 都会被尊重。

使用display: none 会使一个元素消失。它仍然存在于HTML中，只是在浏览器中不可见。