将td显示为行 - 显示表行不起作用

时间:2013-10-20 11:55:11

标签: html css responsive-design css-tables

我有一个年份日历,只显示我想要的普通浏览器,但在响应式浏览器中,由于布局问题,我希望它显示彼此之下的所有月份。

我知道如何将代码应用于响应式浏览器 - 这不是我要问的问题。

我尝试给td的值display:table-row,它给了我几乎所需的结果..它一直向左推行,不接受width:100%值,这就是问题。

以下是我正在使用www.5eren.dk

的网站的链接

1 个答案:

答案 0 :(得分:2)

您需要在display:table上设置<tr>并在display:table-row上设置<td>。使用这个CSS:

.year-view>table>tbody>tr {
display: table;
width: 100%;
}
.year-view>table>tbody>tr>td {
display: table-row;
}