全部
问答

高分问一个div问题：如何用div让两个图片同一行显示？

屡败屡战数马援 2004-10-15 08:20:10

我刚开始学使用div + css控制页面框架，在以前用table控制的许多方法都不能使用了。一直不明白如何把网站的logo显示出来。

假设说两张图片组成一个logo，那么用表格非常好控制
<table width="760" height="32" border="0">
<tr>
<td width="700" height="32" aligh="left"><img src="image1.gif" border="0"></td>
<td width="60" align="left"><img src="image2.gif" border="0"></td>
</tr>
</table>

就是把表格的一行分成两列显示即可。但是这个效果怎样使用div来控制？显示一个图片可以，但是第二个图片跑到下方去了
<div id="siteHeader">
<div style="width:700;height:32;text-align:left;"><img "><img src="image1.gif" border="0"></div>
</div>

请问如何添加第二张图片？使它与第一张同一行显示？谢谢。

...全文

708 点赞收藏 9

写回复

9 条回复

切换为时间正序

当前发帖距今超过3年，不再开放新的回复

发表回复

tesion 2004-10-19

应该这样写，才可以适应任何浏览器~
display:inline 拿来删行，所以列表就成了跟进

<style by tesion>
ul { margin: 0; padding: 0 }
li { display:inline; margin: 0; padding: 0 }
</style>

<ul><li><img src="" /></li><li><img src="" /></li></ul>

或者简单点：

<style by tesion>
img { float:left }
</style>

<img src="" /><img src="" />

回复赞