css中如何对不确定(未知)大小的图片进行垂直和水平居中呢?


摘要:
下面讲述css将未知图片大小进行垂直和水平居中的方法分享,如下所示:

css代码中,当一个图片放入div标签中,在标准浏览器中我们可以使用line-height和vertical-align:middle将图片居中,
但是在IE中有时无效,我们可以采用以下方法进行处理,如下所示:

.box{ 
  height:230px;
  width:300px;
  border:solid 1px blue;
  text-align:center;/*水平居中*/
  line-height:230px; 
} 
img{
   vertical-align:middle;/*标准浏览器图片垂直居中*/
}