响应表单元格到新行

时间:2013-05-18 20:05:20

标签: html css html-table css-tables

我有一个第三方内容网站,我必须通过动态内容“嵌入”,我现在不知道Ajax或Jquery所以我想知道是否有可能将表格单元格转换为基本创建的新行新的一行。

嵌入最终得到:

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

表中没有放置任何类或ID,但它是页面上唯一的表格,它有太多的内容可以放在一行,这是一个移动网站,所以我必须做整页320像素宽。

是否可以单独使用CSS?

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

我正在尝试尝试以下方面的内容:

td {clear:both;}

2 个答案:

答案 0 :(得分:70)

您可以将td设置为display:block;,然后他们将全部在彼此之下。

<强> HTML

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

<强> CSS

td{
    display:block;
}

见这里:http://jsfiddle.net/hDsts/

答案 1 :(得分:0)

其他解决方案(当display: block;不起作用时)是使用inline-block

<强> CSS

td {
  display: inline-block;
}