嵌套语句中怎么设置属性去掉父单元格和嵌套的表格之间的空隙

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
  <table border="1" cellspacing=0 >
    <caption>平均工资</caption>
    <tr>
        <th>
            <table>
                <tr>
                    <td colspan="2">2014</td>
                </tr>
                <tr>
                    <td>上半年</td>
                    <td>下半年</td>
                </tr>
            </table>
        </th>
        <th>2015</th>
        <th>2016</th>
    </tr>
    <tr>
        <td >
            <table border="1" cellspacing=0 cellpadding=0>
                <tr>
                    <td>上半年</td>
                    <td>下半年</td>
                </tr>
                <tr>
                    <td>7000</td>
                    <td>9000</td>
                </tr>
            </table>
        </td>
        <td>10000</td>
        <td>12000</td>
    </tr>
</table>
</body>
</html>

weibo_飞来云去_0 2017-07-06

源自：HTML表格 2-21 表格嵌套

33

收起

3回答

小丸子爱吃菜回答被采纳获得+3积分 2017-07-06 19:24:09

如果是表格嵌套的话，空隙是去不掉的，除非你把表格的border去掉~为什么要嵌套表格呢？能使用tr和td解决的就尽量不要使用表格的嵌套~

weibo_飞来云去_0 提问者 #1

非常感谢！

2017-07-06 20:35:47

qq_天天_66 2017-07-09 23:27:52

应该是去掉父级表格的cellpadding就行了

小丸子爱吃菜 2017-07-06 09:50:57

给table设置cellpadding="0" cellspacing="0";

祝学习愉快！

提问者 weibo_飞来云去_0 #1

不行啊，嵌套的没法做到吧

2017-07-06 12:10:14
卡布琦诺回复提问者 weibo_飞来云去_0 #2

你把你的代码贴过来，以便于大家更好的发现问题并帮你解答！

2017-07-06 13:42:51
提问者 weibo_飞来云去_0 回复卡布琦诺 #3

已重新编辑了问题，加上了代码

2017-07-06 19:01:34

相似问题

表格嵌套可以达到表格合并的效果吗？

元素嵌套问题

if语句中，if（）else{}语句除了能嵌套到else后面，还能嵌套到其他什么地方？

单词间距的问题

if语句嵌套跟if语句有什么区别

登录后可查看更多问答，登录/注册

前端小白入门系列课程

参与学习人
提交作业 11218 份
解答问题 36712 个

从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！

本课精华内容

问答作业

为什么我的没有框

5 45

表格的问题

377 41

大家好,body前面有一个红色的小××，麻烦大家帮我看看

378 40

到底是cellspacing还是cellpacing?

0 35

课间活动的表格怎么实现，想了很久也想不出来

60 30

查看更多本课问答

请稍等 ...

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号