html - 将 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;
}