Home > Article > Web Front-end > css控制div中图片垂直居中_html/css_WEB-ITnose
css控制div中图片垂直居中_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:28:361341browse
.box { /*非IE的主流浏览器识别的垂直居中的方法*/ display: table-cell; vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/width:200px;height:200px;border: 1px solid #eee;}.box img {/*设置图片垂直居中*/vertical-align:middle;}<div class="box"><img src="http://pics.taobao.com/bao/album/promotion/taoscars_180x95_071112_sr.jpg" / alt="css控制div中图片垂直居中_html/css_WEB-ITnose" ></div> 摘自：http://www.planabc.net/2008/05/26/img_vertical_center_solution/?
Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：CSS+DIV排版时容器内对象全部设置了float属性后容器不能自动适应高度的解决方案_html/css_WEB-ITnoseNext article：浏览器兼容：Web标准化建站(DIV+CSS)必看的常见问题解决方法_html/css_WEB-ITnose