日期:2014-05-17  浏览次数:20555 次

关于换行问题
想实现的目的     使4个元素在同一行  
如果用表格实现   就是两行四列的表格(第一行图片,第二行文字)   现在我想用DIV+CSS实现,   可是用了不同的标签可是都会产生在第二标签就换行的情况

有没有好的思路?

------解决方案--------------------
<style type= "text/css ">
ul {
list-style:none;
margin:0;
padding:0;
float: left;
}
li {
width:100px;
float:left;
}
h5 {
font-weight: normal;
}
p,h5 {
margin: 5px;
}
</style>
<ul>
<li> <p> <img src= "test.gif " alt= "test " title= "test " /> </p> <h5> 图片 </h5> </li>
<li> <p> <img src= "test.gif " alt= "test " title= "test " /> </p> <h5> 图片 </h5> </li>
<li> <p> <img src= "test.gif " alt= "test " title= "test " /> </p> <h5> 图片 </h5> </li>
</ul>