FF浏览器中布局水平居中呢

2014-08-01 15:50:11 为什么div css网页在FF浏览器中不能水平居中呢？为什么在其它浏览器中网页居中，在火狐浏览器FF中网页不能布局居中解决方法。

为什么div css网页在FF浏览器中不能水平居中呢？为什么在其它浏览器中网页居中，在火狐浏览器FF中网页不能布局居中解决方法。

FF下面设置容器的左右外补丁为auto就可以了。

在HTML8网站中介绍过很多次网页布局居中的条件，也是为了最大限度兼容各大浏览器。

条件一：对body加 text-align:center内容居中；
条件二：对需要居中的最外层DIV加margin:0 auto即可，通常最外层DIV都是有宽度的。

HTML8完整案例代码：

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="utf-8" /> 
<title>居中</title> 
<style> 
body{ text-align:center} 
.main{ margin:0 auto; width:500px; height:200px; border:1px solid #F00} 
</style> 
</head> 
<body> 
<div class="main">我所在DIV在任意浏览器均布局居中</div> 
</body> 
</html>

实例截图：

div css布局居中实例截图
html网页布局居中实例截图

以上案例实现FF浏览器中网页居中。