投稿
投稿
投稿
反馈
评论 返回
顶部

内容字号: 默认 大号超大号

段落设置: 段首缩进取消段首缩进

字体设置:切换到宋体切换到微软雅黑

td中嵌套table,怎样让table完全填充父td高度宽度相

发布:2019-03-06 10:21 浏览: 评论(
如下图:
项目中要在td中再嵌套一个table,需要列边框线与头部对齐,这个好办,前面的文章也说过了,只需设置相同的列宽就可以实现,问题是高度,可以看到图中子table高度不够,边框线发生断开,那怎么才能让子table的高度永远跟父td的高度相等呢?

其实做起来很简单,就是给父td的height设置一个固定的值,再给子table的height设置为100%;

有人会有疑问,子table的高度是要发生变化的,不能设置固定的值,我也知道这个问题,但实际上给父td设置了固定的高度值,当子table高度大于子td时,td的高度是会自动跟随变化的,看下图:


就算给父td设置固定高度,依然还是被撑开,不知道这个是td的特性还是bug;测试在IE下也是可以实现这个效果的,赶紧去试试吧
前端新手交流群
欢迎加入web前端新手交流qq群:734802480
分享给小伙伴们:

更多文章

相关文章

评论

发表评论愿您的每句评论,都能给大家的生活添色彩,带来共鸣,带来思索,带来快乐。


Copyright © 2014-2019 seozhijia.net 版权所有-粤ICP备13087626号-4