javascript – 如何使我的列动态化为HTML

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

导读：我有一个包含2列的表,如示例所示, 当表重新调整大小(即宽度减小)时,如何使td 2定位在td 1以下而不是并排显示？最佳答案对于当前代码,您可以使用媒体查询来定位宽度,并将td的显示模式设置为block 但我建议不要使用表进行动态重新排序,因为表中各行的更多数

我有一个包含2列的表,如示例所示,


当表重新调整大小(即宽度减小)时,如何使td 2定位在td 1以下而不是并排显示？


最佳答案
对于当前代码,您可以使用媒体查询来定位宽度,并将td的显示模式设置为block
但我建议不要使用表进行动态重新排序,因为表中各行的更多数据会使其难以管理

@media (max-width: 768px) {
  td {
    display: block;
  }
}
table,td {
  border: 1px solid gray;
}
td {
  width: 100px;
}


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