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

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

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

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

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

相关阅读：

HTML的表格应该怎样布局

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

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

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

相关阅读 >>

layui中table的sort排序介绍

table表格中的内容溢出应该如何处理

bootstrap table插件怎么换行

html中table表格的内容水平和垂直居中显示

bootstrap table中toolbar新增条件查询及refresh参数使用方法

div+css与table有什么区别？

bootstrap-table 表格行内编辑实现

html form标签与table标签的区别是什么？这里有说明！

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

bootstrap table实现定时刷新数据的方法

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

书籍

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

￥83.86元   人民邮电出版社

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

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