做优质教育·育智慧人才
咨询热线:028-86981029
菁瑞优智it培训 当前位置: 首页> 新闻资讯> 正文

css中不能控制rowspan是个大问题!

来源:菁瑞优智 作者:小菁 时间:2021-05-31

用div来模拟table的布局,display设置为table、table-row、table-cell都挺好用,关键是要合并单元格的时候,css没有对应的rowspan、colspan属性,让人很是郁闷。

所以遇到这种问题的时候,要么就用表格的嵌套,但是结构又复杂了。或者用div模拟出合并的行,再和前面的table-cell等拼接起来,也算是一种解决方法。

菁瑞优智H5前端培训

上面的参数是用div模拟的表格

下面按钮部分的容器是用div做的,这种情况最怕的就是上面的table宽度发生变化,毕竟table的宽度可不是你想固定死就一定固定的死的。表格它老人家永远保持弹性,要是我的皮肤也永远能弹弹弹,弹走鱼尾纹就好了:),当然你用table-layout:fixed把人家固定死,我也没办法,任何方法都有利有弊,关键是根据布局环境进行权衡。

免费预约,试听课程
即将开班,名额有限,火热预约中

免费提升

课程升级,老学员免费学习

免费指导

老学员遇到技术难题,提供技术支持

免费探讨

不定期开展线上、线下公开课

免费吃喝

学员交流会(免费吃喝玩儿乐交友)