Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.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
Html 使表格列在较小的屏幕上显示一个列在另一个列的下方_Html_Css_Wordpress - Fatal编程技术网

Html 使表格列在较小的屏幕上显示一个列在另一个列的下方

Html 使表格列在较小的屏幕上显示一个列在另一个列的下方,html,css,wordpress,Html,Css,Wordpress,查看此示例网站 http://utim.in 此网站中的3列表格没有响应。我的问题是如何使它打破,并显示为一列低于另一列,如厨房应该第二等。在@media screen部分中添加css有什么技巧吗?替换div的表格布局,并使用float、inline block或flexbox将它们对齐成一行。Html表格是最糟糕的布局方法。?不要将表格用于布局目的。上一次合法化是在15年前。

查看此示例网站

http://utim.in

此网站中的3列表格没有响应。我的问题是如何使它打破,并显示为一列低于另一列,如厨房应该第二等。在@media screen部分中添加css有什么技巧吗?

替换div的表格布局,并使用float、inline block或flexbox将它们对齐成一行。Html表格是最糟糕的布局方法。

?不要将表格用于布局目的。上一次合法化是在15年前。