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

概述我有一个包含2列的表,如示例所示,<table> <tr> <td>1</td> <td>2</td> </tr> </table> 当表重新调整大小(即宽度减小)时,如何使td 2定位在td 1以下而不是并排显示？

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

当表重新调整大小(即宽度减小)时,如何使td 2定位在td 1以下而不是并排显示？最佳答案对于当前代码,您可以使用媒体查询来定位宽度,并将td的显示模式设置为block

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

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

总结

以上是内存溢出为你收集整理的javascript – 如何使我的列动态化为HTML全部内容，希望文章能够帮你解决javascript – 如何使我的列动态化为HTML所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1122791.html