Php 如何将表格格式化为便于移动的格式?
我正在开发我的第一个移动版本的网站。我有1000多篇包含HTML表格的文章。不幸的是,它们的宽度是固定的,在某些情况下主要用于布置图片库中的内容 我想知道是否有人对如何浏览和格式化这些表格有什么建议,这样它们就可以在移动屏幕上很好地显示,而不需要滚动条?就像演唱一个单曲或一系列的歌曲。有什么想法吗 我使用jQuery mobile作为我的框架和PHP代码Php 如何将表格格式化为便于移动的格式?,php,html,jquery-mobile,mobile,html-table,Php,Html,Jquery Mobile,Mobile,Html Table,我正在开发我的第一个移动版本的网站。我有1000多篇包含HTML表格的文章。不幸的是,它们的宽度是固定的,在某些情况下主要用于布置图片库中的内容 我想知道是否有人对如何浏览和格式化这些表格有什么建议,这样它们就可以在移动屏幕上很好地显示,而不需要滚动条?就像演唱一个单曲或一系列的歌曲。有什么想法吗 我使用jQuery mobile作为我的框架和PHP代码 目前我能想到的唯一“修复”方法是将表格包装成一个宽度为100%且溢出为x:auto的形状。实际上,你会用css破坏表格,但你可以尝试以下方法:
目前我能想到的唯一“修复”方法是将表格包装成一个宽度为100%且溢出为x:auto的形状。实际上,你会用css破坏表格,但你可以尝试以下方法:
table{
width: 100%;
}
tr{
display: block;
}
td{
float: left;
width: 24%
}
这将使事情更像一堆div,而不是表行和单元格。
对于实际的表格数据,我真的不建议这样做。但是对于图库和布局,你应该可以