为什么div css网页在Firefox浏览器中不能水平居中

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

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

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

条件一:对body加 text-align:center内容居中;

条件二:对需要居中的最外层DIV加margin:0 auto即可,通常最外层DIV都是有宽度的。

完整案例代码:

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

作者:小屋
链接:http://www.rumenwu.com/operate/552.html
来源:入门屋
入门屋著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。部分内容复制其他平台,如有侵权请联系删除。

(0)
打赏 支付宝打赏 支付宝打赏 微信打赏 微信打赏
上一篇 2018-03-15 00:39
下一篇 2018-03-18 02:18

相关推荐