首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Center标签可以正常工作,但是align属性就不行了!可能的问题是什么?

问Center标签可以正常工作,但是align属性就不行了!可能的问题是什么?
EN

Stack Overflow用户
提问于 2011-05-11 18:55:53
回答 3查看 8.5K关注 0票数 1

我正在尝试将一个完整的页面对齐到框架的中心,如果我使用center标签,它工作得很好。但是,如果我使用

代码语言:javascript
复制
<body align=center>

或

代码语言:javascript
复制
<body style="align:center">

它不会对齐页面,但会默认保持左对齐。现在,老实说,我是HTML的新手,所以我不太清楚是什么导致了这种情况。此外,这种情况只在非IE浏览器中发生。IE显示页面居中对齐,即使没有任何标记。

虽然它没有太大的意义,因为我总是可以使用center标签,但是很高兴知道为什么align属性不起作用。请让我知道,如果任何人有任何想法,是什么问题。

编辑:

事实证明,这是因为怪癖模式。感谢David和Town!:D

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-05-11 19:02:41

<body align=center>

不要用这个。align属性已弃用。

<body style="align:center">

CSS是首选方法,但是:

应避免使用样式内联样式(使用

  • 属性),以支持CSS

中的stylesheets.

  • There is no align属性

如果要将应用text-align属性的元素的内联内容居中,或将左右边距设置为auto以使块元素居中,请使用该属性。有关更多细节和图表,请参阅。

另外,这种情况只发生在非IE浏览器中。IE显示页面居中对齐,即使没有任何标记。

如果你没有一个触发标准模式的Doctype,那么浏览器将在早期的浏览器中模拟错误(怪癖模式)。这是你应该避免的事情,因为它会让事情变得不太一致。

其中一个错误是,如果祖先设置了text-align: center (并且不支持自动边距),则Internet Explorer将使块元素居中。

票数 2
EN

Stack Overflow用户

发布于 2011-05-11 18:57:22

要使正文中的所有内容居中,请使用text-align:

代码语言:javascript
复制
style="text-align: center;"

要使元素在其容器内居中,请为其指定宽度并使用边距,如下所示:

代码语言:javascript
复制
style="width: 600px; margin: 0 auto;"

编辑:正如其他人所建议的,您应该使用样式表来保持所有内容的整洁。将以下内容放入您的<head> (或引用一个单独的CSS文件)。

代码语言:javascript
复制
<style type="text/css">
   body { text-align: center; }
</style>
票数 4
EN

Stack Overflow用户

发布于 2011-05-11 18:58:56

是的,你想要的CSS标签是"text-align“而不是"align”。此外,您应该尽量避免内联样式,只要有可能就使用样式表;它有助于将所有样式放在一个位置,并让浏览器缓存样式。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5963075

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档