设为首页收藏本站
开启辅助访问
搜索
快捷导航
论坛 › 学院 › 平面设计学院 › 请教，表格插入图片后，第一行和第二行之间有缝隙 ...
发新帖
返回列表
4 792
电梯直达  跳转到指定楼层

[提问] 请教，表格插入图片后，第一行和第二行之间有缝隙

带土|新手上路 |勤币 80 |学币 0
发表于 2016-11-23 20:48 | 复制链接 | 打印 | 上一主题 | 下一主题
html+css网页前端课程 - 1.7 京东注册表案例

  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>
复制代码

代码里没有空格，设计里没有缝隙，实时视图有缝隙，浏览器浏览也有缝隙

本帖子中包含更多资源

您需要 登录 才可以下载或查看，没有帐号？立即注册

x
举报 使用道具
| 回复

共4个回复 最后回复于 2017-6-1 09:49

潜意式
版主
勤币 18146   学币 398  
沙发
发表于 2016-11-24 18:07:53 | 只看该作者
可能是默认内边距外边距之类的，一般会首先清除默认的margin：0   padding：0
举报 使用道具
回复 支持 反对
带土
新手上路
勤币 80   学币 0  
板凳
发表于 2016-11-24 18:46:19 | 只看该作者
潜意式 发表于 2016-11-24 18:07
可能是默认内边距外边距之类的，一般会首先清除默认的margin：0   padding：0

版主帮忙改下呗，在table里加进去了style="padding:0px;margin:0px;还是有缝隙，小白一枚，不知道问题出在哪
举报 使用道具
回复 支持 反对
cg织梦勇闯天涯
注册会员
勤币 199   学币 0  
地板
发表于 2016-11-24 21:59:21 | 只看该作者
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>

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

</head>
加一个通用选择器
举报 使用道具
回复 支持 反对
479277430
新手上路
勤币 28   学币 0  
5#
发表于 2017-6-1 09:49:28 | 只看该作者
  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>
复制代码


请教我的两个图片怎么样才能移动到上方位置！
举报 使用道具
回复 支持 反对
发新帖
返回列表
B Color Image Link Quote Code Smilies
高级模式
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表