噢!麦嘎
。。。好像发错版了。。。再来一发吧~~html表格问题。。。

本帖最后由 噢!麦嘎 于 2013-1-10 17:43 编辑

我做了单行5列的表格,然后里面填充了同等大小的图片

之后做了boder:#b4b4b4 solid 1px;这样图片四周会出现边框(事先预设的width和height都比图片大4个PX,所以图片四周是以2个像素的空色+1个像素的边框显示,写网页应该都懂的。。。那个边框效果)

那么如何来调图片边框以外的间距呢。。。求解~#28x

<table border="0">

*本站禁止HTML标签噢*

*本站禁止HTML标签噢* <a href="http://www.baidu.com"><img src="images/zy_119.gif" border="0"/></a></td>

*本站禁止HTML标签噢* <a href="http://www.baidu.com"><img src="images/zy_121.gif" border="0" /></a></td>

*本站禁止HTML标签噢* <a href="http://www.baidu.com"><img src="images/zy_124.gif" border="0" /></a></td>

*本站禁止HTML标签噢* <a href="http://www.baidu.com"><img src="images/zy_119.gif" border="0" /></a></td>

*本站禁止HTML标签噢* <a href="http://www.baidu.com"><img src="images/zy_121.gif" border="0" /></a></td>

</tr>

</table>

以上 举例。。。。。#26x

还是发图清楚一些吧。去百度出来的都不准确。。@@13!!

做不出 带边框 的效果 如果带了边框 就不会调 图片+边框以外的距离~~@@3!!

狂奔的瘦子
狂奔的瘦子
展开Biu

狂奔的瘦子 发表于 2013-1-10 23:48

最好的方式是用li来显示,然后给li加上float:left...就可以做成楼主想要的效果了.这年头.用table的已经很少 ...

好睇,好滴@13# @Whisper1166

[查看全文]
Mr_Alex
但是容易出现浏览器不兼容的现象
展开Biu

Mr_Alex 发表于 2013-1-10 21:24

2发正解 另 有给td加padding的方法,但是容易出现浏览器不兼容的现象,所以用DIV还是比较稳妥的方法。 ...

好滴,好滴 @13# @Whisper1166

[查看全文]
狂奔的瘦子
最好的方式是用
展开Biu

最好的方式是用li来显示,然后给li加上float:left...就可以做成楼主想要的效果了.这年头.用table的已经很少了

[查看全文]
Mr_Alex
但是容易出现浏览器不兼容的现象
展开Biu

2发正解 另 有给td加padding的方法,但是容易出现浏览器不兼容的现象,所以用DIV还是比较稳妥的方法。

[查看全文]
ApfelZaft
比较稳妥的方法是把图片放入一个定义了与表格
展开Biu

比较稳妥的方法是把图片放入一个定义了与表格border外边距margin的div块中,把相应的div放入表格中就好。

或者直接给img定义margin的值,不太推荐这么做。~

[查看全文]