欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css控制div中图片垂直居中_html/css_WEB-ITnose

程序员文章站 2022-04-26 12:34:05
...
 .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;}
css控制div中图片垂直居中_html/css_WEB-ITnose

摘自:http://www.planabc.net/2008/05/26/img_vertical_center_solution/?