请把轻狂志网址 www.flighty.cn 加入收藏夹,其他俱为假冒,谨防被骗!赞助请点 这里!找东东请用右边的搜索 ===>
23 2014-08

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

作者:少轻狂 | 发布:2014-08-23 | 更新:2014-08-23 | 分类:教程 | Tutorial | 热度:
在CSS中设置图片水平居中,本来是一个很简单的事儿,但到了微软这里问题就来了。
 
凭借在PC机操作系统方面打下的稳固江山,微软想当然的以为自己就是老大:老大当然有标准制定权。在浏览器方面微软也是这样做的。
 
有时候,我们在CSS中写的代码,火狐、谷歌等浏览器都可以正常显示,在微软的IE浏览器或基于IE内核的浏览器中却死活不起作用。网上很多设计师对此很多怨言,图片水平居中即是其中之一。
 
轻狂也曾经为此大为头痛,于是在网络上找了很多方法进行试验,终于发现,如果不考虑其他问题,只是让图片水平居中并且在主流浏览器上(包括IE)正常显示的话,以下代码也许是最为精简高效的:
 
.img{
  clear: both;
  display: block;
  margin:auto;
}
 
你可以试试哦~
标签:图片(3)水平居中(1)CSS(1)