火狐浏览器下的网页内容居中方法

最新推荐文章于 2021-06-08 22:27:26 发布

ch_kexin

最新推荐文章于 2021-06-08 22:27:26 发布

阅读量596

点赞数

CC 4.0 BY-SA版权

分类专栏： Java 文章标签：浏览器 IE

本文链接：https://blog.youkuaiyun.com/ch_kexin/article/details/83533159

Java 专栏收录该内容

28 篇文章

订阅专栏

本文介绍了如何在火狐浏览器中实现网页内容居中显示的方法。通过设置父容器的text-align:center属性，并结合子元素的margin:auto属性，可以有效地使内容在页面上水平居中。此外，还对比了IE浏览器中的不同表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

[quote]
火狐浏览器下的网页内容居中方法2009-11-05 14:27父容器（DIV）中 text-align:center;
然后在子容器中比如：div中：margin:auto; 或者：table中: margin:auto;
可以看出在firfox中margin属性对内容居中的重要性。IE中只要在父容器中设置text-align:center;其子内容就会自动居中。
例子：
body{text-align:center;}
div{margin:auto;}
实现页面内容居中

<div> <table></table> </div>
div{text-align:center;}
table{margin:auto;}
就能事项table在DIV中的居中显示

body
{
margin:0px;
padding:0px;
text-align:center;
font-size:12px;
}

#Main
{

text-align:left;
width:950px;
background-color:White;
margin:auto;

[/quote]