CSS：顯示屬性，塊

Question

我仍然在學習如何使用CSS進行佈局。
從其他網站借用一些CSS一起玩，
我發現，如果我從CSS中刪除此之後：

header { 
    display: block; 
} 

，我的頭不會中心。如果我從CSS文件中刪除它，那麼標題圖片會變得非常小，並保留在左上角。看完顯示屬性後，我看不出爲什麼它控制居中。有人可以簡單地向我解釋一下嗎？

Answer 1

顯示：塊表示元素顯示爲塊，因爲段落和標題一直是。一個塊在其上面和下面有一些空格，並且不允許在它旁邊有HTML元素，除非另外排序（例如，通過向另一個元素添加浮點數聲明）。 more

Answer 2

http://www.quirksmode.org/css/display.html

滾動中途下來的頁面的詳細解釋和什麼display: block做例子。如果您在瀏覽器中解析文檔爲HTML 4（但會在支持HTML 5的瀏覽器中），您發佈的代碼不一定會做任何事情。

它聲明稱爲「標題」（HTML 4中不存在）的標記應設置爲display: block。因此，四件事情之一將發生：

1. 瀏覽器將它識別爲HTML 5並應用樣式。
2. 瀏覽器將執行任意模式匹配並應用樣式，即使它不知道標記。
3. 瀏覽器將無能爲力。
4. 瀏覽器只會遵循一些CSS說明。

編輯：這裏是新header標籤文檔中的HTML 5： http://html5doctor.com/the-header-element/

編輯＃2：除非在頁面上任何其他衝突的風格，這將提供一個居中的標題。

<style> 

H1 { 
    text-align: center; 
} 

</style> 

<h1>Some text to be centered</h1>