Jquery 较小屏幕的拆分表行

我有一个固定宽度为960px的表，有5列

当我在移动设备中查看时，我想制作第3、4、5列 看起来好像它在下一行

CSS是否有任何方法可以打断一行，使其看起来像这样，但是

---

是否仍保留原始HTML代码？

您可以尝试CSS媒体查询，例如（调整您自己的宽度）

更多示例

您可以使用FlexBox：

.flexParent{
显示器：flex；
}
flexChild先生{
宽度：20%；
}
@仅介质屏幕和（最大宽度：767px）{
.flexParent{
柔性包装：包装；
}
flexChild先生{
宽度：50%；
}
.包裹{
宽度：30%；
}
}

1.
2.
3.
4.
5.

您的意思是，在移动设备中，该列将看起来像一行。谢谢，所使用的示例在FF和Chrome中的效果与预期一样，是否还有其他东西可以支持IE9？请查看此帖子：

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 20%;}
    .col-2 {width: 20%;}
    .col-3 {width: 20%;}
    .col-4 {width: 20%;}
    .col-5 {width: 20%;}
}

@media only screen and (max-width: 767px) {
    /* For mobile: */
    .col-1 {width: 50%;}
    .col-2 {width: 50%;}
    .col-3 {width: 30%;}
    .col-4 {width: 30%;}
    .col-5 {width: 30%;}
}