Firefox table 不居中解决办法 解决火狐层或 table 不居中

Firefox table 不居中解决办法：

table 使用 align="center" ，IE正常，Firefox 却是居左了，网上有各种解决的办法，比如在table外面再套一个DIV，然后设置DIV的CSS为 "margin:0 auto; text-align:center"等等，其实有更简便的方法，直接在需要居中的table里加一个“style="margin:0 auto; " 即可解决。（站长评论：测试无效……，应该是受环境影响）

Firefox table 不居中解决办法，火狐层或 table 不居中解决方法 ，浏览器ie层或table居中和Firefox层或table不居中解决方法。

相信很多网页设计师朋友在做页面元素比如div层或table表水平居中的时候，碰到这种情况：在ie里面显示是居中的,但是在firefox里就变左对齐了。这是ie与firefox浏览器解析css样式的区别，两者不完全兼容。参考网上资料后，飞龙决定总结一下ie浏览器里层table居中而Firefox浏览器里层table不居中解决方法，与朋友一起交流学习。

一 ie浏览器 层或table水平居中 最低要求

IE中在body中加入text-align:center,即可实现主布局块居中。

body{text-align:center}

二 FIREFOX浏览器 层或table水平居中 最低要求

飞龙现举例如下，分三种css实现方式，以第二种写法的css套用最自由：

#demo{margin-left:auto;margin-right:auto}
<div id=”demo”>
</div>

或者

.demo{width:980px;margin-left:auto;margin-right:auto}
<div style=”width:980px;margin:auto;text-align:left”>
</div>

三 因此，想要让层或table在ie浏览器和FIREFOX浏览器都水平居中的话，只能鱼和熊掌兼得之。

body{text-align:center}
.demo{width:980px;margin-left:auto;margin-right:auto}
<div class=”demo”>
</div>

------------------------------------------ ↓ 其他方案 ↓ ------------------------------------------

Firefox table 不居中解决办法：

table 使用 align="center" ，IE正常，Firefox 却是居左了，网上有各种解决的办法，比如在table外面再套一个DIV，然后设置DIV的CSS为 "margin:0 auto; text-align:center"等等，其实有更简便的方法，直接在需要居中的table里加一个“style="margin:0 auto; " 即可解决。（站长评论：测试无效……，应该是受环境影响）

推荐方案：

<div align="center">

原内容

</div>