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;
}