CSS:显示属性,块
问题描述:
我仍然在学习如何使用CSS进行布局。
从其他网站借用一些CSS一起玩,
我发现,如果我从CSS中删除此之后:CSS:显示属性,块
header {
display: block;
}
,我的头不会中心。如果我从CSS文件中删除它,那么标题图片会变得非常小,并保留在左上角。看完显示属性后,我看不出为什么它控制居中。有人可以简单地向我解释一下吗?
答
http://www.quirksmode.org/css/display.html
滚动中途下来的页面的详细解释和什么display: block
做例子。如果您在浏览器中解析文档为HTML 4(但会在支持HTML 5的浏览器中),您发布的代码不一定会做任何事情。
它声明称为“标题”(HTML 4中不存在)的标记应设置为display: block
。因此,四件事情之一将发生:
- 浏览器将它识别为HTML 5并应用样式。
- 浏览器将执行任意模式匹配并应用样式,即使它不知道标记。
- 浏览器将无能为力。
- 浏览器只会遵循一些CSS说明。
编辑:这里是新header
标签文档中的HTML 5: http://html5doctor.com/the-header-element/
编辑#2:除非在页面上任何其他冲突的风格,这将提供一个居中的标题。
<style>
H1 {
text-align: center;
}
</style>
<h1>Some text to be centered</h1>