html - 响应表格单元格到新行

Question

有一个第三方内容站点，我必须通过动态内容“嵌入”，我目前不知道 Ajax 或 Jquery，所以我想知道是否可以将表格单元格移到新行，本质上是创建一个新行.

嵌入最终得到：

<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

表格中没有放置课程或 ID，但它是页面上唯一的表格，并且它的内容太多，无法放在一行中，这是针对移动网站的，所以我必须将整个页面设置为 320像素宽。

可以单独使用 CSS 吗？

我无法插入新的 HTML，内容是从我们无权访问的安全服务器动态创建的，但我们使用 API 密钥来访问.. 媒体查询虽然有效。

我目前正在尝试尝试以下方式：

td {clear:both;}

score 74 · Accepted Answer

您可以将其设置为td，display:block;然后它们都将在彼此之下。

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>

CSS

td{
    display:block;
}

score 2 · Accepted Answer

其他解决方案（当display: block;不工作时）是使用inline-block：

CSS

td {
  display: inline-block;
}

2 回答 2