论坛

标题: 请教，表格插入图片后，第一行和第二行之间有缝隙 [打印本页]
作者: 带土    时间: 2016-11-23 20:48
标题: 请教，表格插入图片后，第一行和第二行之间有缝隙

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>无标题文档</title>
  6. </head>

  8. <body>
  9. <table width="950" border="0" align="center" cellpadding="0" cellspacing="0">
  10.     <tr>
  11.       <td width="950" height="120" colspan="2"><img src="https://img.alicdn.com/imgextra/i1/748704142/TB2NzvbetuO.eBjSZFCXXXULFXa_!!748704142.jpg" width="950" height="120" alt=""/></td>
  12.     </tr>
  13.     <tr>
  14.       <td width="700" height="30"><img src="https://img.alicdn.com/imgextra/i4/748704142/TB2PmWedHOJ.eBjy1XaXXbNupXa_!!748704142.jpg" width="700" height="30" alt=""/></td>
  15.       <td width="250" height="30"><img src="https://img.alicdn.com/imgextra/i4/748704142/TB20wDleCiK.eBjSZFsXXbxZpXa_!!748704142.jpg" width="250" height="30" alt=""/></td>
  16.     </tr>
  17. </table>
  18. </body>
  19. </html>
复制代码

代码里没有空格，设计里没有缝隙，实时视图有缝隙，浏览器浏览也有缝隙
作者: 潜意式    时间: 2016-11-24 18:07
可能是默认内边距外边距之类的，一般会首先清除默认的margin：0   padding：0
作者: 带土    时间: 2016-11-24 18:46
潜意式 发表于 2016-11-24 18:07
可能是默认内边距外边距之类的，一般会首先清除默认的margin：0   padding：0

版主帮忙改下呗，在table里加进去了style="padding:0px;margin:0px;还是有缝隙，小白一枚，不知道问题出在哪
作者: cg织梦勇闯天涯    时间: 2016-11-24 21:59
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>

<style>
*{ padding:0; margin:0;}
</style>

</head>
加一个通用选择器
作者: 479277430    时间: 2017-6-1 09:49
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <meta charset="UTF-8">
  5.                 <title>首页分类</title>
  6.         </head>
  7.         <body>
  8.                 <table width="877" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#eee">
  9.                    <tbody>
  10.                              <tr>
  11.                                      <td width="439" height="157" bgcolor="#FFFFFF">
  12.                                       <a href="#" target="_blank">
  13.                                               <img src="img/57df416cN570fec03.jpg" width="439" height="157" alt="服装专区" />
  14.                                       </a>
  15.                                      </td>
  16.                                      <td width="219" height="157" bgcolor="#eee">
  17.                                              <a href="#" target="_blank">
  18.                                                      <img src="img/57dd6d67N07585681.jpg" width="219" height="157" />
  19.                                              </a>
  20.                                      </td>
  21.                                      <td width="219" height="157" bgcolor="#eee">
  22.                                              <a href="#" target="_blank">
  23.                                                      <img src="img/57dd6db0Nc1f8062e.jpg" width="219" height="157" />
  24.                                              </a>
  25.                                      </td>
  26.                              <tr>
  27.                                      <td width="439" rowspan="1" bgcolor="#FFFFFF">
  28.                                                      <img src="img/57dd6c0aNfd53a1cd.jpg" alt="" width="439" height="315" />
  29.                                      </td>
  30.                                      <td width="219" height="157" bgcolor="#eee">
  31.                                              <img src="img/57dd6d73N3d96690f.jpg" width="219" height="157" />
  32.                                      </td>
  33.                              </tr>
  34.                              <tr>
  35.                                      <td width="439" height="157" colspan="1" bgcolor="#eee">
  36.                                              <a href="index.html#1" target="_blank">
  37.                                                      <img src="img/57dd6bbeNda8e56b5.jpg" width="439" height="157" />
  38.                                              </a>
  39.                              </tr>
  40.                    </tbody>
  41.                 </table>
  42.         </body>
  43. </html>
复制代码


请教我的两个图片怎么样才能移动到上方位置！



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1