当前位置： > 教程 >

关于图片水平居中的CSS样式问题

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

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

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

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

.img{
  clear: both;
  display: block;
  margin:auto;
}

你可以试试哦~