一、display的基本概念
display是CSS中一个很重要的属性，它定义一个元素的显示方式。默认情况下，所有元素都是显示的。但是，我们可以通过设置display属性的值来改变元素的显示方式。
display有多个取值，每个值代表不同的显示方式。其中，block、inline和none是最常用的，分别代表块级元素、内联元素和隐藏元素。
/* 块级元素 */ display: block; /* 内联元素 */ display: inline; /* 隐藏元素 */ display: none;
二、块级元素的显示方式
块级元素会将自己尽可能撑满父容器的宽度，从而独占一行显示。块级元素可以设置宽度、高度、内边距和外边距等属性，并且默认情况下总是在前后都换行。
下面是一个块级元素的示例：
<div style="display: block; width: 200px; height: 100px; background-color: red; margin: 10px;"></div>
原创文章，作者：TSKOJ，如若转载，请注明出处：https://www.506064.com/n/351735.html
微信扫一扫 
支付宝扫一扫 