css - 将表 <td> 分成两行

Question

如何使用媒体查询将表格 td 分成两行？

jsfiddle

@media only screen and (max-width : 768px) {
        .table > tbody > tr > td {
            width: 100%;
            max-width: 100%;
        }
    }

Answer 1

最简单的方法是将它们设置为 display: block;。

Demo