表格布局在Opera Mini中不起作用

Question

我在网站的移动视图中使用过表格。该表在其他浏览器中显示，但在Opera Mini中不显示。我看到Facebook和Twitter也使用表格。但是这些表是水平显示的，而我站点上的表是垂直显示的。我怎样才能解决这个问题。请帮我。

这是CSS

<style type="text/css"> table{width:0px;border:0;border-collapse:collapse;margin:0;padding:0;} table tr td{width:25%;} </style>

这是HTML

<table> <tr> <td>First</td> <td>Second</td> <td>Third</td> <td>Fourth</td> </tr> </table>

Answer 1

可能是您<td>的价值超过您的手机屏幕。确保您在opera mini的设置中已禁用 Single column view或Mobile View。因为启用它有时会导致表格布局出错，就像你的bug一样。在评论中提供反馈。并尝试td {
display : inline-block
   }

Answer 2

这是因为您设置了表格 0px 的宽度，将其更改为100%并查看其是否有效