首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >对新行的响应表格单元格

对新行的响应表格单元格
EN

Stack Overflow用户
提问于 2013-05-19 04:05:20
回答 2查看 74.4K关注 0票数 26

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

嵌入的结果是:

代码语言:javascript
复制
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

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

是否可以单独使用CSS?

我无法插入新的HTML,内容是从我们无权访问的安全服务器动态创建的,但我们使用API密钥才能访问。不过,媒体也行得通。

我目前正在尝试一些类似的东西:

代码语言:javascript
复制
td {clear:both;}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-05-19 04:25:37

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

HTML

代码语言:javascript
复制
<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>

CSS

代码语言:javascript
复制
td{
    display:block;
}

查看此处:http://jsfiddle.net/hDsts/

票数 74
EN

Stack Overflow用户

发布于 2017-09-18 16:57:52

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

CSS

代码语言:javascript
复制
td {
  display: inline-block;
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16628471

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档