当表宽= 100％时,HTML表中的第一列是灵活的

发布时间：2020-12-14 23:00:58 所属栏目：资源来源：网络整理

导读：我有一个包含8列和多行的HTML表.每个单元格的内容都是动态生成的,很难预测任何列的宽度.我设置表格宽度= 100％,因为我希望表格占据div的整个宽度.我希望第2列到第8列与宽度保持一致,就像我没有设置表格宽度一样.然后我想第一列扩展其宽度,使表宽度变为100％.

我有一个包含8列和多行的HTML表.每个单元格的内容都是动态生成的,很难预测任何列的宽度.我设置表格宽度= 100％,因为我希望表格占据div的整个宽度.我希望第2列到第8列与宽度保持一致,就像我没有设置表格宽度一样.然后我想第一列扩展其宽度,使表宽度变为100％.这可能吗？

最佳答案

在表格和所有其他列上设置宽度;剩下的专栏将占用所有的空缺.

诀窍是使用table-layout：fixed样式,这样当一列中的内容量大于预期时,自动布局猜测算法(以及IE对它的解释特别差)不会介入并弄乱它.

在固定布局模式中,第一行单元格或< col>元素设置宽度;更多行不会影响宽度.这使得渲染更快;您应该为每个表使用固定布局.


                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!