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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/html/426219.html

猜你在找的HTML相关文章