响应式框架中，table表头自动换行的解决办法

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

后来网上找了一下，发现一个好用的CSS属性，加上就可以解决该问题   style="word-break: keep-all"

在此记录一下。