display的block和inline屬性

2021-07-15 22:26:50 字數 506 閱讀 8719

block元素特點:

1.處於常規流中時,如果width沒有設定,會自動填充滿父容器

2.可以應用margin/padding

3.在沒有設定高度的情況下會擴充套件高度以包含常規流中的子元素

4.處於常規流中時布局時在前後元素位置之間(獨佔乙個水平空間)

5.忽略vertical-align

inline元素特點

1.水平方向上根據direction依次布局

2.不會在元素前後進行換行

3.受white-space控制

4.margin/padding在豎直方向上無效,水平方向上有效

5.width/height屬性對非替換行內元素無效,寬度由元素內容決定

6.非替換行內元素的行框高由line-height確定,替換行內元素的行框高由height,margin,padding,border決定

7.浮動或絕對定位時會轉換為block

8.vertical-align屬性生效

visibility和display的區別和用法

div的visibility可以控制div的顯示和隱藏,但是隱藏後頁面顯示空白 style visibility none document.getelementbyid typediv1 style.visibility hidden 隱藏 document.getelementbyid type...

display和visibility的用法和區別

大多數人很容易將css屬性display和visibility混淆,它們看似沒有什麼不同,其實它們的差別卻是很大的。visibility和display兩個屬性都有隱藏元素的功能。visibility屬性所控制的元素雖然不在瀏覽器裡面顯示出來,但他在瀏覽區里是存在的,只是不顯示而已。而display...

display和visibility的區別

display通常可以設定為none inline block visibility通常可以設定為hidden visible display的顯示和隱藏在前端用的很多,這樣他可以減少頁面的空間的使用了,不占用原來的頁面的空間,比如說彈框等。並且diplay inline可以改變標籤的屬性,行級標籤...