首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

关于换行有关问题

2012-03-02 
关于换行问题想实现的目的使4个元素在同一行如果用表格实现就是两行四列的表格(第一行图片,第二行文字)现

关于换行问题
想实现的目的     使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>

热点排行