Html 对新行的响应表单元格

Html 对新行的响应表单元格,html,css,html-table,css-tables,Html,Css,Html Table,Css Tables,有一个第三方内容站点,我必须通过动态内容“嵌入”,我现在不知道Ajax或Jquery,所以我想知道是否有可能将一个表单元格向下移动到新行,实质上创建一个新行 嵌入的结果是: <table> <tr> <td></td> <td></td> </tr> </table> 您可以将td设置为display:block然后他们都会在一起 HTML <table> <tr>

有一个第三方内容站点,我必须通过动态内容“嵌入”,我现在不知道Ajax或Jquery,所以我想知道是否有可能将一个表单元格向下移动到新行,实质上创建一个新行

嵌入的结果是:

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

您可以将
td
设置为
display:block然后他们都会在一起

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>
请参见此处:

其他解决方案(当
显示:块;
不工作时)是使用
内联块

CSS

td{
    display:block;
}
td {
  display: inline-block;
}

重要的是要注意,您必须指定一个doctype才能工作。也就是说,请注意,您必须为两个
td
s提供如上所示的显示块。我确实监督过这一点,所以这一暗示适用于像我这样的每个人;)如果您之前修改了
td
s,请为它们指定100%的宽度。如果您在CSS中添加此宽度,则它将同时适用于答案中概述的所有
元素。唯一的例外是,如果您内联编写了示例中没有的样式。
td {
  display: inline-block;
}