本站新版下载站使用的图片水平居中的CSS样式

风一样的男孩

在CSS中设置图片水平居中，本来是一个很简单的事儿，但到了微软这里问题就来了。

凭借在PC机操作系统方面打下的稳固江山，微软想当然的以为自己就是老大：老大当然有标准制定权。在浏览器方面微软也是这样做的。

有时候，我们在CSS中写的代码，火狐、谷歌等浏览器都可以正常显示，在微软的IE浏览器或基于IE内核的浏览器中却死活不起作用。网上很多设计师对此很多怨言，图片水平居中即是其中之一。

我也曾经为此大为头痛，于是在网络上找了很多方法进行试验，终于发现，如果不考虑其他问题，只是让图片水平居中并且在主流浏览器上（包括IE）正常显示的话，以下代码也许是最为精简高效的：

1. .img{
   
2.   clear: both;
   
3.   display: block;
   
4.   margin:auto;
   
5. }

复制代码