1

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

header {  
    display: block;  
}

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

4

2 回答 2

3

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>
于 2010-12-22T22:20:32.127 回答
0

display: block意味着元素显示为一个块，就像段落和标题一样。一个块的上下都有一些空格，并且它旁边不允许有任何 HTML 元素，除非有其他命令（例如，通过向另一个元素添加浮点声明）。更多的

于 2010-12-22T22:20:28.193 回答