在DIV中图片垂直、水平居中(最简单方法)

发布时间:2016-12-11 14:11:49 编辑:www.fx114.net 分享查询网我要评论
本篇文章主要介绍了"在DIV中图片垂直、水平居中(最简单方法)",主要涉及到在DIV中图片垂直、水平居中(最简单方法)方面的内容,对于在DIV中图片垂直、水平居中(最简单方法)感兴趣的同学可以参考一下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <style type="text/css"> .lanrentuku {     float: left;     text-align: center;     width: 150px;     height: 150px;     margin: 5px;     border: 1px solid #ccc;     font-size: 1em;     line-height: 148px;     }   .lanrentuku img {     margin-top: e­xpression(( 150 - this.height ) / 2);      }  </style> </head> <body> <div class="lanrentuku"> <img src="http://www.lanrentuku.com/images/uppic/200807160819430.gif" width="70" height="120" /> </div>   <div class="lanrentuku"> <img src="http://www.lanrentuku.com/images/uppic/200807160819430.gif" width="90" height="80"  /> </div>   <div class="lanrentuku"> <img src="http://www.lanrentuku.com/images/uppic/200807160819430.gif" width="70" height="120" /> </div>  <p></p> </body> </html>

上一篇:html5 笔记7
下一篇:使窗体透明而控件不透明

相关文章

相关评论