display的常見屬性,以及每種屬性的特點

2021-09-25 14:08:36 字數 446 閱讀 8077

使元素變成行內元素,擁有行內元素的特性,可與其他行內元素共享一行;

元素前後無換行符

不能更改元素的height、width值,大小由內容撐開;

只能使用padding,margin的left和right產生邊距效果。

使元素變成塊級元素,獨佔一行;

元素前後會帶換行符

在不設定自己寬度的情況下,塊級元素會預設填滿父級元素的寬度;

能夠改變元素的height、width值;

可以設定padding,margin的各個屬性值產生邊距效果;

顧名思義,結合了inline和block的一些特點,就是不佔一行的塊級元素。

使元素變成行內元素,擁有行內元素的特性;

能夠改變元素的height、width值;

可設定padding,margin的各個屬性值。

顯示display元素常見屬性整理

常用的display屬性值 none此元素不會被顯示並且不占用空間 block此元素顯示為塊級元素,此元素前後會帶有換行符 inline預設,此元素會被顯示為內聯元素,元素前後沒有換行符 inline block行內塊元素,前後無換行符 inherit規定應該從父類元素繼承display屬性的 內聯...

盒子的display屬性

box 1 box 2 box 3 box 4 box 5 box 6 box 7 box 8 這樣就把本來 塊 div 變成 行 了 把 行 變成 塊 display none是隱藏了當前行或塊 顯示的效果跟預設有差別,測試對比看看 對行內元素,需要注意如下 設定寬度width 無效。設定高度he...

的display屬性和visibility屬性

1 display屬性 display屬性常用來設定元素的浮動特徵,當display設定為block 塊 時,容器中所有元素都將被當做乙個單獨的塊放入到頁面中 將display設定為inline,將使其行為和元素inline一樣,即使他是普通的塊元素,它也將會被組合成像那樣的輸出流輸出到頁面上 將d...