CSS：显示属性，块

Question

我还在学习如何使用CSS进行布局 从其他网站借用一些CSS来玩之后，
我注意到，如果我从CSS中删除它：

header {  
    display: block;  
} 

我的标题不会居中。如果我从CSS文件中删除它，标题图像变得非常小并保留在左上角。在阅读了显示属性后，我看不出为什么它控制居中。有人可以简单/简单地向我解释一下吗？

Answer 1

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

在页面中间向下滚动，以获取有关display: block所做内容的详细说明和示例。

仅供参考：您发布的代码不一定会在浏览器中将文档解析为HTML 4（但在支持HTML 5的浏览器中）。

它声明名为“header”的标记（HTML 4中不存在）应设置为display: block。因此，将会发生四件事之一：

1. 浏览器会将其识别为HTML 5并应用该样式。
2. 浏览器将执行任意模式匹配并应用样式，即使它不知道标记。
3. 浏览器无效。
4. 浏览器只会遵循一些CSS说明。

编辑：这是关于HTML 5中新header标记的文档： http://html5doctor.com/the-header-element/

编辑＃2：禁止页面上任何其他冲突的样式，这将提供一个居中的标题。

<style>

H1 {
    text-align: center;
}

</style>

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

Answer 2

display：block 表示元素显示为块，因为段落和标题始终如此。块在其上方和下方都有一些空格，并且不允许旁边没有HTML元素，除非另有命令（例如，通过向另一个元素添加浮动声明）。 more