IE9下DIV本来应该居中的结果显示为居左

ttx9n · 发表于 2014-9-26 17:34:51

在IE9下面本来应该居中的，结果显示为居左，在IE9以上的版本中，只需要设置 margin：0px auto; 就可以使得DIV居中，下面的示例，大家可以参考下
复制代码代码如下:
<div style="width:1000px;margin:0 auto;">
<div style="background-color:red; text-align:left;">
区块1
</div>
<div style="background-color:yellow;">
区块2
</div>
</div>

在IE9 下面本来应该居中的,结果显示为居左.

解决:

1.

在IE9以上的版本中，只需要设置 margin：0px auto; 就可以使得DIV居中

2.

在IE9以下的版本中，需要如下设置

复制代码代码如下:
<div style="text-align:center">
<div style="margin-left:auto ; margin-right:auto"></div>
</div>

其中的子div方可实现居中。

xf9hlg1 · 发表于 2023-3-17 00:48:35

好东西可以可以可以可以

7jbiiz · 发表于 2023-10-22 15:41:40

哟哟哟哟哟以偶

qzdhcgs · 发表于 2024-4-12 14:12:51

刷屏刷屏刷屏

do827261756 · 发表于 2024-4-23 23:08:32

的谁vdvdsvdsvdsdsv

7jbiiz · 发表于 2024-6-20 05:58:33

我要金豆金豆金豆

errol123 · 发表于 2024-6-21 21:01:25

论坛有你更精彩！

3t0ukmu · 发表于 2024-7-16 12:25:13

有什么好的服务器

溪谷玉贤 · 发表于 2024-7-21 02:41:35

谢谢您的分享！

数据TG@shuju96 · 发表于 2024-7-31 20:28:58

2222222222222222

账号		自动登录	找回密码
密码			立即注册

[CSS] IE9下DIV本来应该居中的结果显示为居左

相关帖子