摘要： 今天工作的过程中遇到图片垂直居中的问题，要求是无论图片的尺寸如何都要垂直居中。在网上找到了解决方法，比较复杂，不过尝试了一下确实好用。方法如下：“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”题目的难点在于两点：垂直居中；图片是个置换元素，有些特殊的特性。.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle; /*设置水平居中*/ text-align:center; /* 针对IE的Hack */ *display: block; *font-s 阅读全文