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

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

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

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

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

相关阅读：

HTML的表格应该怎样布局

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

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

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

相关阅读 >>

html table的直列化格式是什么

html之table和select操作（介绍）

element-ui如何操作table滚动效果

如何实现table表格中的斜线表头效果

layui中table的sort排序介绍

table标签的cellspacing属性有什么用？一篇文章让你了解cellspacing属性

css设置table圆角边框不起作用是什么原因

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

html table表格标签内容如何居中显示？表格的align属性的用法介绍

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

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

书籍

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

￥83.86元   人民邮电出版社

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

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