响应表单元格到新行

25 html css html-table css-tables

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

嵌入最终得到:

<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
Run Code Online (Sandbox Code Playgroud)

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

是否可以单独使用CSS?

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

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

td {clear:both;}
Run Code Online (Sandbox Code Playgroud)

use*_*515 71

您可以设置tddisplay:block;那么他们都会是下海誓山盟.

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

CSS

td{
    display:block;
}
Run Code Online (Sandbox Code Playgroud)

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

  • 您需要一个doctype来完成所有工作. (30认同)
  • 请务必注意,必须为此指定doctype才能生效.即<!DOCTYPE html> (10认同)
  • 请注意,你必须给**两个**`td的显示块,如上所示.我确实监督过,所以这个暗示适合像我这样的人;)如果你之前修改它们,也给'td`sa宽度100%. (3认同)