我正在尝试将一个完整的页面对齐到框架的中心,如果我使用center标签,它工作得很好。但是,如果我使用
<body align=center>或
<body style="align:center">它不会对齐页面,但会默认保持左对齐。现在,老实说,我是HTML的新手,所以我不太清楚是什么导致了这种情况。此外,这种情况只在非IE浏览器中发生。IE显示页面居中对齐,即使没有任何标记。
虽然它没有太大的意义,因为我总是可以使用center标签,但是很高兴知道为什么align属性不起作用。请让我知道,如果任何人有任何想法,是什么问题。
编辑:
事实证明,这是因为怪癖模式。感谢David和Town!:D
发布于 2011-05-11 19:02:41
<body align=center>
不要用这个。align属性已弃用。
<body style="align:center">
CSS是首选方法,但是:
应避免使用样式内联样式(使用
中的stylesheets.
align属性如果要将应用text-align属性的元素的内联内容居中,或将左右边距设置为auto以使块元素居中,请使用该属性。有关更多细节和图表,请参阅。
另外,这种情况只发生在非IE浏览器中。IE显示页面居中对齐,即使没有任何标记。
如果你没有一个触发标准模式的Doctype,那么浏览器将在早期的浏览器中模拟错误(怪癖模式)。这是你应该避免的事情,因为它会让事情变得不太一致。
其中一个错误是,如果祖先设置了text-align: center (并且不支持自动边距),则Internet Explorer将使块元素居中。
发布于 2011-05-11 18:57:22
要使正文中的所有内容居中,请使用text-align:
style="text-align: center;"要使元素在其容器内居中,请为其指定宽度并使用边距,如下所示:
style="width: 600px; margin: 0 auto;"编辑:正如其他人所建议的,您应该使用样式表来保持所有内容的整洁。将以下内容放入您的<head> (或引用一个单独的CSS文件)。
<style type="text/css">
body { text-align: center; }
</style>发布于 2011-05-11 18:58:56
是的,你想要的CSS标签是"text-align“而不是"align”。此外,您应该尽量避免内联样式,只要有可能就使用样式表;它有助于将所有样式放在一个位置,并让浏览器缓存样式。
https://stackoverflow.com/questions/5963075
复制相似问题