css+div 3行3列图片自动排列代码

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “”>
<html xmlns=””>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<style type=”text/”>
.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>

css+div 3行3列图片自动排列代码

相关文章:

你感兴趣的文章:

标签云: