IE9下(table/div/照片)的垂直居中难题

日期:2021-03-10 类型:科技新闻 

关键词:通道抠图,怎么在图片上编辑文字,创客贴作图神器,免费图片设计制作在线,背景透明图制作

在网络上找了1下,发现许多全是转载下列编码版本号的,可是发现这个编码只能文字垂直居中,table、照片是不好的;

拷贝编码
编码以下:

<div style="text-align:center;">
<div style="margin:0 auto;">垂直居中</div>
</div>

缘故是,div默认设置是占有全部访问器宽度,因此必须界定width,即

拷贝编码
编码以下:

<div style="text-align:center;">
<div style="margin:0 auto;width:500px;">垂直居中</div>
</div>

这样写的话,里边的table和div都可以以垂直居中了。只能讲1句:可恶的微软的IE

IE下的DIV垂直居中的确存在着1种难题,在网上也是有许多有关在IE下DIV垂直居中的方式,亲身检测了1下,实际上沒有她们说的那末不便。
1.在IE9以上的版本号中,只必须设定 margin:0px auto; 便可以使得DIV垂直居中
2.在IE9下列的版本号中,必须以下设定

拷贝编码
编码以下:

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

在其中的子div即可完成垂直居中。

上一篇:CSS调剂DIV最少高宽比难题讨论 返回下一篇:没有了