图片连接不到一起html代码是哪里的问题？

悬赏园豆：40 [已解决问题] 解决于 2012-09-11 18:25

 1 <center>
 2 <table border="0" cellpadding="0" cellspacing="0" align="center" >
 3 <tbody><tr><td>
 4 <table border="0" cellpadding="0" cellspacing="0" height="883px" >
 5 <tr>
 6 <td style="HEIGHT:232px;MAX-HEIGHT:232px;OVERFLOW:hidden"><img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;HEIGHT:232px;BORDER-TOP:0px;BORDER-RIGHT:0px" src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376447.jpg?1346376451226">
 7 </td></tr>
 8 <tr>
 9 <td style="HEIGHT: 214px;MAX-HEIGHT:214px;OVERFLOW:hidden"><img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;HEIGHT: 214px;BORDER-TOP:0px;BORDER-RIGHT:0px" src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376448.jpg?1346376451226">
10 
11 </td></tr>
12 <tr>
13 <td style="height:214px;MAX-HEIGHT:214px;OVERFLOW:hidden"><img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;height:214px;BORDER-TOP:0px;BORDER-RIGHT:0px" src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376449.jpg?1346376451227">
14 </td></tr>
15 <tr>
16 <td style="min-height:223px;MAX-HEIGHT:223px;OVERFLOW:hidden"><img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;min-height:223px;BORDER-TOP:0px;BORDER-RIGHT:0px" src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376450.jpg?1346376451227">
17 
18 </td></tr></table></td></tr>
19 <tr>
20 <td>
21 <table border="0" cellpadding="0" cellspacing="0">
22 <tbody>
23 <tr>
24 <td style="min-height:364px;MAX-HEIGHT:364px;OVERFLOW:hidden"><img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:339px;min-height:364px;BORDER-TOP:0px;BORDER-RIGHT:0px" src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376451.jpg?1346376451227">
25 
26 </td>
27 <td style="min-height:364px;MAX-HEIGHT:364px;OVERFLOW:hidden"><img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:311px;min-height:364px;BORDER-TOP:0px;BORDER-RIGHT:0px" src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376452.jpg?1346376451227">
28 
29 </td></tr></tbody></table></td></tr>
30 <tr>
31 <td style="min-height:221px;MAX-HEIGHT:221px;OVERFLOW:hidden"><img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;min-height:221px;BORDER-TOP:0px;BORDER-RIGHT:0px" src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376453.jpg?1346376451228">
32 </td></tr></tbody></table></center>

html

mine小宇宙 | 初学一级 | 园豆：83
提问于：2012-09-11 13:19

< >

最佳答案

把高宽去掉，让它自适应，加样式：img{float:left}

收获园豆：15

田林九村 | 老鸟四级 |园豆：2367 | 2012-09-11 13:21

你试过了吗？我试了不行的

mine小宇宙 | 园豆：83 (初学一级) | 2012-09-11 13:46

这个方法可行，IE下可以消除空隙

chenping2008 | 园豆：9836 (大侠五级) | 2012-09-11 13:46

@chenping2008: 是需要在各种浏览器下都可行哦，把所有的高宽都去了吗？img{float:left}这个是加在<img style="img{float:left}">吗？

mine小宇宙 | 园豆：83 (初学一级) | 2012-09-11 13:58

其他回答(3)

高宽去掉，让它自适应

收获园豆：5

jason2013 | 园豆：1998 (小虾三级) | 2012-09-11 13:33

<center>
                  <table border="0" cellpadding="0" cellspacing="0" align="center" >
                      <tbody><tr><td>
                      <table border="0" cellpadding="0" cellspacing="0" height="883px" >
                      <tr>
                     <td style="HEIGHT:232px;MAX-HEIGHT:232px;OVERFLOW:hidden">
                     <img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;HEIGHT:232px;BORDER-TOP:0px;BORDER-RIGHT:0px" 
                        src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376447.jpg?1346376451226" /><br/>
                     
                     </td></tr>
                      <tr>
                      <td style="HEIGHT: 214px;MAX-HEIGHT:214px;OVERFLOW:hidden">
                        <img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;HEIGHT: 214px;BORDER-TOP:0px;BORDER-RIGHT:0px" 
                        src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376448.jpg?1346376451226" /><br/>
                     
                     </td></tr>
                     <tr>
                     <td style="height:214px;MAX-HEIGHT:214px;OVERFLOW:hidden">
                     <img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;height:214px;BORDER-TOP:0px;BORDER-RIGHT:0px" 
                     src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376449.jpg?1346376451227" /><br/>
                     </td></tr>
                     <tr>
                     <td style="min-height:223px;MAX-HEIGHT:223px;OVERFLOW:hidden">
                     <img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;min-height:223px;BORDER-TOP:0px;BORDER-RIGHT:0px" 
                     src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376450.jpg?1346376451227" /><br/>
                     
                     </td></tr></table></td></tr>
                     <tr>
                     <td>
                     <table border="0" cellpadding="0" cellspacing="0">
                     <tbody>
                     <tr>
                     <td style="min-height:364px;MAX-HEIGHT:364px;OVERFLOW:hidden">
                     <img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:339px;min-height:364px;BORDER-TOP:0px;BORDER-RIGHT:0px"
                     src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376451.jpg?1346376451227" /><br/>
                     
                     </td>
                     <td style="min-height:364px;MAX-HEIGHT:364px;OVERFLOW:hidden">
                        <img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:311px;min-height:364px;BORDER-TOP:0px;BORDER-RIGHT:0px" 
                        src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376452.jpg?1346376451227" /><br/>
                     
                     </td></tr></tbody></table></td></tr>
                     <tr>
                     <td style="min-height:221px;MAX-HEIGHT:221px;OVERFLOW:hidden">
                        <img style="BORDER-BOTTOM:0px;BORDER-LEFT:0px;WIDTH:650px;min-height:221px;BORDER-TOP:0px;BORDER-RIGHT:0px" 
                        src="http://www.mlo.me/upload/mailPrev/skin_4041346376446/1346376453.jpg?1346376451228" /><br/>
                     </td></tr></tbody>
                 </table>
            </center>

每个img元素后面加上<br/> 可以解决你的问题。原先你的代码就是在IE下有问题 ff,chrome都是好的。

楼主下次贴代码时不要显示行号，都费劲啊。

收获园豆：15

chenping2008 | 园豆：9836 (大侠五级) | 2012-09-11 13:44

我是在DM中看的，这是在DM中的效果

支持(0) 反对(0) mine小宇宙 | 园豆：83 (初学一级) | 2012-09-11 14:05

@mine小宇宙: 不管设计工具中看到的如何，如果你的要展现在页面上，请以各种类型的游览器游览为准

支持(0) 反对(0) chenping2008 | 园豆：9836 (大侠五级) | 2012-09-11 14:08

@chenping2008: 嗯，明白，谢了！不过那个<br/>标签为什么这么管用呢？这方面的功效还第一次看到呢

支持(0) 反对(0) mine小宇宙 | 园豆：83 (初学一级) | 2012-09-11 14:13

@chenping2008: 这是为什么呢？

支持(0) 反对(0) mine小宇宙 | 园豆：83 (初学一级) | 2012-09-11 14:41

@mine小宇宙: 最快解决掉这个问题的方法是1L给你提供的方法

支持(0) 反对(0) chenping2008 | 园豆：9836 (大侠五级) | 2012-09-11 16:09

这样的就不必用table了吧

收获园豆：5

向往-SONG | 园豆：4853 (老鸟四级) | 2012-09-11 13:53

亲，这个是邮件页面，要求不能用div哦

支持(0) 反对(0) mine小宇宙 | 园豆：83 (初学一级) | 2012-09-11 14:03

@mine小宇宙:

加<br/>谷歌里不行。。

td的宽高去掉，<img style="float:left ... 就可以了，不过倒数第二行的两张图片在IE下有问题

支持(0) 反对(0) 向往-SONG | 园豆：4853 (老鸟四级) | 2012-09-11 14:56

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

图片连接不到一起html代码是哪里的问题？

欢迎，请先登录或者注册。