主页 / 建站知识 /

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

建站知识 2021-07-03 08:15www.168986.cn长沙网站建设

复制代码
代码如下:

<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 狼蚁网站SEO优化 本来应该居中的,结果显示为居左.

解决:

1.

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

2.

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

复制代码
代码如下:

<div style="text-align:center">
<div style="margin-left:auto ; margin-right:auto"></div>
</div>

其中的子div方可实现居中。
上一篇：使用display:inline-block居中没有宽度的元素 下一篇：设置margin和padding为0可去掉DIV与DIV的空白

长沙网站设计

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by