css+div 3行3列图片自动排列代码
<!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">
.pic_div{
width:110px;
height:118px;
float:left;
margin:5px 8px 5px 10px;
text-align:center;
}
.pic_dd{
border:1px solid #d7dedb;
height:90px;
}
body,td,th {
font-size: 12px;
}
</style>
</head>
<body>
<table width="677" height="236" border="1" align="center">
<tr>
<td valign="top" align="center">
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<!--第二行-->
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
<div class="pic_div">
<div class="pic_dd">
</div><br />
你好，房产!
</div>
</td>
</tr>
</table>
</body>
</html>
