Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何将表格格式化为便于移动的格式?_Php_Html_Jquery Mobile_Mobile_Html Table - Fatal编程技术网

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破坏表格,但你可以尝试以下方法:

我正在开发我的第一个移动版本的网站。我有1000多篇包含HTML表格的文章。不幸的是,它们的宽度是固定的,在某些情况下主要用于布置图片库中的内容

我想知道是否有人对如何浏览和格式化这些表格有什么建议,这样它们就可以在移动屏幕上很好地显示,而不需要滚动条?就像演唱一个单曲或一系列的歌曲。有什么想法吗

我使用jQuery mobile作为我的框架和PHP代码


目前我能想到的唯一“修复”方法是将表格包装成一个宽度为100%且溢出为x:auto的形状。

实际上,你会用css破坏表格,但你可以尝试以下方法:

table{
  width: 100%;
}
tr{
  display: block;
}
td{
  float: left;
  width: 24%
}
这将使事情更像一堆div,而不是表行和单元格。 对于实际的表格数据,我真的不建议这样做。但是对于图库和布局,你应该可以