Apr 21
  • 2009-4-21 14:6:27
  • categories:code
  • tag:
话说之前给公司弄相册页面,顶头上司要求图片位置要周正,要左右上下都居中,可DIV的垂直居中俺不会啊~犯了难了,赶紧祭起GOOGLE工具好一顿搜索,总算找到了!一用,恩不错,还真搞定了,不过这方法不知道哪位大哥想出来的,居然用到了font-size,汗啊……

淫荡的分割线-------------------以下是代码部分

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


  • 2010-8-25 18:54:15 reply
  • 自动变速箱www.bjwwt.com.cn就选北京花都柏科自动变速箱72
  • 租车said
    2010-6-25 16:36:09 reply
  • 宏大租车http://www.hondayuanshan.com/72
  • 2010-6-22 20:18:54 reply
  • 仔细认真的看了,楼主说的很有道理,品位也不错,很值得一读很多时候也有同感。<ahref='http://www.480w.com.cn'>长春网站制作</a>72
  • 2010-6-4 11:48:56 reply
  • 创业加盟好项目就上58加盟网!72
  • 2010-5-29 10:14:18 reply
  • 自习认真的看了,楼主说的很有道理,品位也不错,很值得一读,很多时候也有同感。72
  • 2010-5-13 17:33:01 reply
  • 看帖是一种心情,回帖是一种美德。下面站点诚招合作伙伴!有意请加QQ:406259751www.zzjcqz.com郑州会议租车www.hnesc.com长沙二手车www.shanleba.com删除负面信息www.mkjj8.cn网吧桌椅网吧沙发www.zzjcqz.com郑州会议租车72
  • xiaoyumisaid
    2009-10-13 13:11:51 reply
  • 好你一个淫荡的分割线哈哈哈哈~~~

leave a reply