css实现div内图片上下左右居中

DIV容器内设置 text-align:center 即可让图片居中,但是DIV内默认的图片是上对齐,不会上下居中,如果想要实现这样的效果,JS判断是比较麻烦的,因为DIV容器内的图片高度是不一定的,那么只有用table了,我想大多数人事不愿意这么做的,那么怎么办呢,还是用CSS控制下吧


复制代码
代码如下:

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


纯css实现div容器内图片上下左右居中效果



//img.jbzj.com/file_images/article/201401/2014010513525079.jpg-600" />



兼容IE8,火狐,Chrome,Opera等浏览器

以上就是css实现div内图片上下左右居中的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程