当前位置:Gxlcms > html代码 > css控制div中图片垂直居中_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:32人阅读

 .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;}

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

人气教程排行