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

Question

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

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

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

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

的网站的链接

Answer 1

您需要在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;
}