制作表格单元格块元素

我目前的任务是为我的作品网站制作移动样式表，并且我已经用一些最后阶段打了一堵墙。制作表格单元格块元素

我的主要限制是我无法编辑源代码HTML并必须使用提供的源代码。

我想制作一个包含按钮的表格，当它通过将按钮（表格单元格）放到它自己的行中而达到450px宽度时响应。我可以简单地通过divs而不是tables来做到这一点。我已经创建了一个我想要做的简单示例http://test.aboutcher.co.uk/so/tables.html但我不知道如何在表格中实现这种效果。

我知道表格是布局的一个坏主意，但我不能在源代码中改变这个，所以必须用它来对抗我的方式。

编辑
我发现我的问题，还有未获得源应用的display:block风格造成正在接收样式忽略显示其他两个非细胞：块。

来源

2013-02-25 Adam

虽然这不是一个理想的方法。但正如我所看到的，我认为你可以创建另一个表格行，并通过不显示任何内容来隐藏它;然后使用CSS媒体查询，在其中设置指定的宽度：XXpx;和倒二coloumn到display: none;和底部表colomn设置为display : block;

希望是有道理的

@media (max-device-width = 400px) { 
    .second-column{display:block;} 
.first-column{display:none;} 
}

来源

2013-02-25 11:31:15 defau1t

我发现我的问题，有一个非单元格没有得到显示：在源代码中应用的块样式导致另外两个接收样式忽略显示：块。 – Adam 2013-02-25 11:36:20

你只需要定义你的td是display:block和操纵他们为您div。看看这个演示：http://jsfiddle.net/68EQK/

来源

2013-02-25 11:33:51 otinanai

我发现我的问题，有一个非单元格没有得到显示：在源代码中应用的块样式，导致接收样式的其他两个忽略显示：块。 – Adam 2013-02-25 11:37:03

制作表格单元格块元素

回答

相关问题