html – 如何使用基于div的表跨列？

发布时间：2020-12-14 22:41:51 所属栏目：资源来源：网络整理

导读：我想让一个单元格穿过两列,下面有两个单元格.如何使用在CSS中执行此操作元素？它应该相当于：请注意,C1和C2不一定是50％.值可能会根据其内容而改变.我还需要那些单元格中的所有项目,无论有多少行排列,就像在表格中一样. 最佳答案 Please note that C1 and

我想让一个单元格穿过两列,下面有两个单元格.如何使用< div>在CSS中执行此操作元素？它应该相当于：


请注意,C1和C2不一定是50％.值可能会根据其内容而改变.我还需要那些单元格中的所有项目,无论有多少行排列,就像在表格中一样.


最佳答案


“Please note that C1 and C2 are not

  necessarily going to be 50% each. The

  value may change depending on their

  contents. I also need all items in

  those cells no matter how many rows

  there are to line up just like they

  would in a table.”

以上不可能以交叉浏览器的方式,不使用表(您可以使用CSS模拟表格布局：“display：table”,但这在IE6或IE7中不起作用).
我建议你在使用CSS而不是表格进行设计时会有所不同,不可能只用“div”替换“tr”和“td”,并且让事情像过去那样神奇地工作.我建议你设置底部“单元格”的宽度,并使用人们给你的一个选项.
希望有所帮助！
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!