勵志

勵志人生知識庫

display block的作用

`display: block` 是一個CSS屬性,用於指定元素應該以塊級元素的方式顯示。當元素的 `display` 屬性設定為 `block` 時,元素會以獨立的塊級盒子進行顯示,這意味著元素會自動換行,並占據父元素的整個寬度(如果沒有設定寬度)。此外,塊級元素可以設定寬度、高度、外邊距(margin)和內邊距(padding)等樣式。使用 `display: block` 屬性還可以改變元素的默認行為,並且可以與其他CSS屬性一起使用,以實現更複雜的布局效果。例如,結合 `float` 屬性,可以將多個塊級元素放置在同一行,並實現水平對齊效果。還可以通過設定 `display: block` 屬性來創建具有自定義樣式的導航選單、按鈕等。