首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >table布局的坏处

table布局的坏处

作者头像
Dlimeng
发布2023-06-28 15:29:51
发布2023-06-28 15:29:51
2390
举报
文章被收录于专栏:开源心路开源心路

不要用table布局的另一个原因就是tables中某个元素一旦触发reflow就会导致table里所有的其它元素reflow。在适合用table的场合,可以设置table-layout为auto或fixed,这样可以让table一行一行的渲染,这种做法也是为了限制reflow的影响范围。

(reflow就是载入内容树(在HTML中就是DOM树)和创建或更新frame结构的响应的一种过程)

table做的数据表格,很难固定标题行,网上虽然有不少方法可以固定第一行,但大多数是通过设置CSS,通过JS表达式来完成,这种做法其它浏览器行不通。

如果你只是大量文字信息,并且格式不是太复杂.建议你用table。

如果image较多建议用div,div是边下载边渲染,table是下载完后渲染。

table优点:开发时间短(使用DW开发速度快);纯table各浏览器不会有兼容问题;内容可自适应;在搜索引擎排名能靠前

table缺点:如果布局变更,需要重新开发;如果table里有div ul 等,可能会出现浏览器兼容问题;加载速度慢;table套table,会害死维护人员的

div优点:内容和显示分离,便于维护扩展,网页布局方便,当需求改变的时候,效果最明显

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016-10-11,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档