(转)浏览器ie层或table居中和Firefox层或table不居中解决方法

本文介绍了解决IE与Firefox浏览器中层或table水平居中显示不一致的问题,通过不同的CSS样式设置,确保网页元素在不同浏览器中都能正确居中。

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

ie里面显示是居中的,但是在firefox里就变左对齐了。这是ie与firefox浏览器解析css样式的区别,两者不完全兼容。参考网上资料后,飞龙决定总结一下ie浏览器里层table居中而Firefox浏览器里层table不居中解决方法,修订参考地址在: http://feilong.org/ie-Firefox-div-table-center,与朋友一起交流学习。

一、ie浏览器 层或table水平居中 最低要求
IE中在body中加入text-align:center,即可实现主布局块居中。
body{text-align:center}

二、FIREFOX浏览器 层或table水平居中 最低要求
现举例如下,分三种css实现方式,以第二种写法的css套用最自由:
#demo{margin:0 auto;}
<div id="demo">
</div>
或者
.demo{width:980px;margin:0 auto;}
<div class="demo">
</div>
或者内联{不提倡}
<div style="width:980px;margin:0 auto;">
</div>

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

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

id标记样式:
body{text-align:center}
#feilong{width:960px;margin:0 auto;}
<div id="feilong">
</div>

style嵌入样式

其实这是 CSS RESET的应用

 

 

转载于:https://www.cnblogs.com/balanceryzh/archive/2011/10/09/2203661.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值