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>DIV中图片垂直、水平居中(最简单方法)</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>