一、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/zh-tw/n/351735.html
微信掃一掃 
支付寶掃一掃 