在响应式框架中,table表头自动换行的如何处理

本文摘自PHP中文网，作者php中世界最好的语言，侵删。

最近在用bootstrap开发网站，在处理一张table的时候发现，通过PC端查看样式正常，在手机上查看时，因为屏幕小，表格被压缩的厉害，表头和数据变形如下图

后来网上找了一下，发现一个好用的CSS属性，加上就可以解决该问题

相信看了这些案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

HTML的表格应该怎样布局

怎样实现点击按钮文字变成input框,点击保存变成文字的实现的效果

标注HTML元素时class与id有什么不同

以上就是在响应式框架中,table表头自动换行的如何处理的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css如何设置table边框的颜色

html中表格tr的td单元格怎么设置宽度属性

css中怎么设置table边框的颜色

bootstrap table插件怎么换行

如何解决bootstrap table乱码问题

div和table在网站中的可用性比较

怎么利用layui美化table数据表格

bootstrap table如何删除行

html中如何添加一个表头

怎样可以固定table的宽度 table-layout: fixed

更多相关阅读请进入《table》频道 >>

书籍

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元   人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » 在响应式框架中,table表头自动换行的如何处理