在DIV中图片垂直、水平居中(最简单方法)
来源:互联网 发布:智能电站和人工智能 编辑:程序博客网 时间:2024/04/30 05:08
<!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: expression(( 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>
<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: expression(( 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>
- 在DIV中图片垂直、水平居中(最简单方法)
- 如何使图片在DIV 中水平垂直居中
- CSS图片在DIV中水平垂直居中
- 纯css实现未知尺寸图片在DIV中垂直水平居中(超简单)
- div中图片水平垂直居中
- div中图片水平垂直居中
- HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结
- HTML+CSS,让div在屏幕中居中(水平居中+垂直居中)方法总结
- CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)
- 网页常见布局,让图片在div中,垂直居中,水平居中
- CSS布局:设置图片在DIV中上下左右居中(水平和垂直都居中)
- /CSS 图片在DIV中垂直居中的显示方法
- CSS 图片在DIV中垂直居中的显示方法
- CSS 图片在DIV中垂直居中的显示方法
- 一个div在另外一个div中水平垂直居中
- 图片在div中垂直方向居中,垂直居中
- DIV里面的图片水平与垂直居中的方法
- DIV里面的图片水平与垂直居中的方法
- 菜鸟如何成为一个高效程序员的成长之路
- OpenStack编码规范
- 使用Oracle建库的一般流程
- C++07:使用OTL操作MySQL数据库
- html5 笔记7
- 在DIV中图片垂直、水平居中(最简单方法)
- Linq使用Group By分析 Entity Framework 使用注意:Where查询条件中用到的关联实体不需要Include
- Struts 2 Annotations
- Webdriver_RubyGems 镜像 - 淘宝网
- 零点起飞学SQL Server
- 让div居中对齐的css
- A sentence every day
- Socket between Java and Perl
- Android网络编程之Http