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

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

老师你好~如题,嵌套表格的边框怎样才能和原表格的边框(外边框和内边框)融为一体呢?

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,针对同学的疑惑,可以参考如下解析

1. 表格嵌套可以代替跨行跨列达到合并单元格一样的效果,但是进行表格嵌套也是基于设置跨行跨列属性的,参考代码如下

http://img1.sycdn.imooc.com//climg/5dbba07109e7efd904420227.jpg

http://img1.sycdn.imooc.com//climg/5dbba0820978ffe904470214.jpg

http://img1.sycdn.imooc.com//climg/5dbba08e0914592704540324.jpg

2. 合并相邻的4个或者多个单元格,要根据书写的代码和想要实现的布局效果,给td标签添加colspan和rowspan属性实现跨列跨行的效果

3.同学举例说明的情况: 假如有一个两行两列的表格,我将表格合并成了一行两列,那这两列要怎么合并在一起呢? 其实最终效果就只有一列了, 那么就不需要这么麻烦的合并单元格了, 最一开始直接使用一个单元格就可以了。

综上可知, 一般都是要根据实际要实现的布局效果调整代码的书写,目前阶段, 可以先掌握colspan和rowspan属性的作用, 以后实际应用中灵活应用就好了, 继续加油哦

如果帮助到了你,欢迎采纳。祝学习愉快~~~


好帮手慕阳 2019-10-31 11:06:39

同学你好,如下图所示, 请问你这里是想实现单元格与嵌入表格无间隙吗? 

http://img1.sycdn.imooc.com//climg/5dba4f38094854d801390101.jpg

如果是这样的话,那么可以给table标签设置cellpadding和cellspacing属性

示例代码如下:

http://img1.sycdn.imooc.com//climg/5dba4f5909070cb205540300.jpg

实现效果如下:

http://img1.sycdn.imooc.com//climg/5dba4f7a0916e49b01050083.jpg


如果不是指这里, 建议: 可以详细的描述一下具体想要实现什么效果, 也可以将你写的代码粘贴过来, 便于老师帮助同学准确的定位与解决问题。

如果帮助到了你,欢迎采纳, 祝学习愉快


  • 提问者 花生香又脆 #1
    老师你好,可能我没表达清楚,我是想知道,表格嵌套可以代替跨行跨列达到合并单元格一样的效果吗,要怎么编写呢? 还有一个问题想请教一下老师:假如有一个两行两列的表格,我将表格合并成了一行两列,那这两列要怎么合并在一起呢?或者说怎样合并相邻的4个或者多个单元格呢?
    2019-10-31 19:17:24
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师