如何使table的一个单元格中的若干图片横着排列

soliddream66 2009-02-12 12:18:49

RT~用CSS解决



<table>

        <tr><td height=70>

	        <table cellpadding="0" cellspacing="0" border="0" id="tbToolbar">

            <table width=68 height=64><tr><td align=center><img src='1.gif'></td></tr><tr><td align=center><span>添加</span></td></tr></table>

            <img src='2.png' border=0>

            <table width=68 height=64><tr><td align=center><img src='3.gif'></td></tr><tr><td align=center ><span>开始</span></td></tr></table>

            <table width=68 height=64><tr><td align=center><img src='4.gif'></td></tr><tr><td align=center ><span>停止</span></td></tr></table>

            <table width=68 height=64><tr><td align=center><img src='5.gif'></td></tr><tr><td align=center ><span>删除</span></td></tr></table>

	        </table>

THX~分数多多

...全文

244 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

lianhui1122 2009-02-12

打赏
举报

<td style="display:inline;;"><img/><img/></td>
前提是图片的宽度和小于 td 的width

soliddream66 2009-02-12

打赏
举报

谢谢楼上两位~学习了

cngothic 2009-02-12

打赏
举报

添加CSS



<style type="text/css">

  table table, table img {float:left;}

</style>

下面完整代码：



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

<style type="text/css">

  table table, table img {float:left;}

</style>

</head>



<body>

<table>

        <tr><td height=70>

            <table cellpadding="0" cellspacing="0" border="0" id="tbToolbar">

            

            <table width=68 height=64><tr><td align=center><img src='http://avatar.profile.csdn.net/E/0/0/2_soliddream66.jpg'></td></tr><tr><td align=center><span>添加</span></td></tr></table>

            <img src='http://avatar.profile.csdn.net/E/0/0/2_soliddream66.jpg' border=0>

            

            <table width=68 height=64><tr><td align=center><img src='http://avatar.profile.csdn.net/E/0/0/2_soliddream66.jpg'></td></tr><tr><td align=center ><span>开始</span></td></tr></table>

            <table width=68 height=64><tr><td align=center><img src='http://avatar.profile.csdn.net/E/0/0/2_soliddream66.jpg'></td></tr><tr><td align=center ><span>停止</span></td></tr></table>

            <table width=68 height=64><tr><td align=center><img src='http://avatar.profile.csdn.net/E/0/0/2_soliddream66.jpg'></td></tr><tr><td align=center ><span>删除</span></td></tr></table>

            </table>





</body>

</html>