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

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

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

最佳答案

对于当前代码,您可以使用媒体查询来定位宽度,并将td的显示模式设置为block

但我建议不要使用表进行动态重新排序,因为表中各行的更多数据会使其难以管理

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

原文地址：https://www.jb51.cc/html/426219.html

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [e-mail] 举报，一经查实，本站将立刻删除。