IE9下margin:0 auto 内容不居中
原因 :子元素使用了浮动,父元素使用margin:0 auto 在IE9下是不生效的(不居中)
解决办法:
- 给设置margin:0 auto的元素的父元素设置text-align:center
<div style="text-align:center;">
<div style="margin:0 auto;">居中</div>
</div>
- 设置头文件
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3.去掉子元素的浮动,改为display:inline-block