-
介紹
-
常用屬性
一忆家、介紹
display是CSS中最重要的用于控制布局的屬性犹菇。每個元素都有一個默認的 display 值，在頁面應(yīng)用上是很常見的芽卿，也很方便揭芍，比如在適應(yīng)頁面上可以使用display:flex; 默認可以在一行顯示 子級就可以使用 flex:1; 進行平均平攤
120CFDB9-6A9D-4F25-AE37-4CF107F5FE92.png
二、常用屬性
1. display:inline-block(行內(nèi)塊) 這個屬性就是可以把當(dāng)前的元素改變成行塊內(nèi)元素
- 和其他行內(nèi)元素在同一行
- 默認寬度為內(nèi)容寬度
可以設(shè)置寬高及內(nèi)外邊距
3415E441-6170-43BD-AB24-9E743283A6D8.png
這里的 childDiv 他是塊元素 然后改變成為了行內(nèi)塊元素
2. 同上 display:inline(行內(nèi)) 這個屬性就是可以把當(dāng)前的元素改變成行內(nèi)元素
- 和其他元素都在一行上卸例，只有一行排不下才換行
- 設(shè)置寬高無效称杨，寬度只與內(nèi)容有關(guān)
- 設(shè)置內(nèi)外邊距只對左右起作用，對上下無效
- 行內(nèi)元素只能容納文本或者其他行內(nèi)元素
3. 同上 display:block(塊) 這個屬性就是可以把當(dāng)前的元素改變成塊元素
- 總是從新行開始且獨占一行筷转，默認寬度自動填滿其父元素寬度
- 可以設(shè)置寬高及內(nèi)外邊距
- 可以容納內(nèi)聯(lián)元素及其他塊元素
