我有一个简单的需要垂直显示表格行的单元格.这在FF中可以正常工作,但不是在Chrome或Ipad上的Safari.
下面的示例在FF中按预期显示,每个行单元格彼此相对,但在Chrome中,它似乎忽略了显示：块.
这是什么问题 – 还是有更好的方法来做到这一点.
(想要这个的原因是,在CSS中使用@media可以以不同的方式呈现小屏幕)
为了更直观的例子：
普通表可能是
DATA1 | DATA2 | DATA3
但是显示：block,应该是
DATA1 DATA2 DATA3
非常感谢
<html>
<head>
<style>
table,thead,tr,td
{
display:block;
}
table,tr
{
border : 1px dotted red;
}
td
{
border:1px dashed blue;
}
thead
{
display:none;
}
</style>
</head>
<body>
<table>
<thead>
<tr>
<td>Heading 1</td>
<td>Heading 2</td>
<td>Heading 3</td>
</tr>
</thead>
<tbody>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
<td>Data 3</td>
</tr>
</tbody>
</table>
</body>
</html>
