用无序列表做布局
<ul id="albumlist">
<li><img src="image1.jpg" height="130" width="122" alt="Garlic"/>Garlic</li>
<li><img src="image2.jpg" height="130" width="122" alt="Muffin"/>Muffin</li>
<li><img src="image3.jpg" height="130" width="122" alt="Tomato"/>Tomato</li>
<li><img src="image4.jpg" height="130" width="122" alt="Chili"/>Chili</li>
<li><img src="image5.jpg" height="130" width="122" alt="Pear"/>Pear</li>
<li><img src="image6.jpg" height="130" width="122" alt="Pepper"/>Pepper</li>
<li><img src="image7.jpg" height="130" width="122" alt="Coffee Beans"/>Coffee Beans</li>
<li><img src="image8.jpg" height="130" width="122" alt="Lime"/>Limes</li>
</ul>
li float:left img display:block
body{ background-color:#FFFFFF;
color:#000000;
padding:0;
margin:0;
}
#albumlist{ list-style-type:none;
}
#albumlist li{ margin-right:50px; margin-bottom:10px;float:left; color:#333333;}
#albumlist img{ display:block; border:1px solid #333300;}