• 全部
  • 问答

高分问一个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="" />
回复
mysteryboy2000 2004-10-18
display:inline
回复
celerylhl 2004-10-18
全被你们说完了
回复
cuixiping 2004-10-17
本来想进来答,得点分的,唉,来迟了。
回复
王西之 2004-10-15
float:left;

回复
qfljm 2004-10-15
display:inline
回复
多菜鸟 2004-10-15
楼上的厉害!又学到东东了。开心。
回复
dsclub 2004-10-15
<div style="width:700;height:32;text-align:left;display:inline;"><img src="http://community.csdn.net/images/CSDN_logo.GIF" border="0"><img src="http://community.csdn.net/images/CSDN_logo.GIF" border="0"></div>
回复
clarass 2004-10-15
<div style="float:left;">1</div>
<div>2</div>
----------------
float:left;
回复
发帖
CSS
创建于2007-09-28

6.0w+

社区成员

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
申请成为版主
帖子事件
创建了帖子
2004-10-15 08:20
社区公告
暂无公告