为了账号安全,请及时绑定邮箱和手机立即绑定

如何删除表中行和列之间的多余空间?

如何删除表中行和列之间的多余空间?

HUH函数 2019-12-16 10:50:31
如何删除表中行和列之间的多余空间?如何删除表格中行和列之间的多余空间。我尝试过更改表格以及tr和td的边距,填充和各种边框属性。我希望所有图片都紧挨着看起来像一张大图片。我该如何解决?的CSStable {  border-collapse: collapse;}的HTML<?xml version="1.0" encoding="utf-8"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head>  <title>Tera Byte Video Game Creation Camp</title>  <link rel="stylesheet" type="text/css" href="style.css"></link></head><body>  <table class="mytable">    <tr class="header">      <td colspan="3"><img src="images/home_01.png" /></td>    </tr>    <tr class="top">      <td colspan="3"><img src="images/home_02.png" /></td>    </tr>    <tr class="link-row">      <td><img src="images/home_03.png" /></td>      <td><img src="images/home_04.png" /></td>      <td><img src="images/home_05.png" /></td>    </tr>    <tr class="link-row">      <td><img src="images/home_07.png" /></td>      <td><img src="images/home_06.png" /></td>      <td><img src="images/home_08.png" /></td>    </tr>    <tr class="link-row">      <td><img src="images/home_09.png" /></td>      <td><img src="images/home_10.png" /></td>      <td><img src="images/home_11.png" /></td>    </tr>    <tr class="link-row">      <td><img src="images/home_12.png" /></td>      <td><img src="images/home_13.png" /></td>      <td><img src="images/home_14.png" /></td>    </tr>    <tr class="bottom">      <td colspan="3"><img src="images/home_15.png" /></td>    </tr>  </table></body></html>
查看完整描述

4 回答

?
互换的青春

TA贡献1797条经验 获得超6个赞

这对我有用:


#table {

  border-collapse: collapse;

  border-spacing: 0;

}


查看完整回答
反对 回复 2019-12-16
?
蝴蝶不菲

TA贡献1810条经验 获得超4个赞

对于td中的图像,请将其用于图像:


display: block;

那为我去除了多余的空间


查看完整回答
反对 回复 2019-12-16
  • 4 回答
  • 0 关注
  • 557 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信