在做后台管理页面的时候,有时会出现要展示的列过多,使得表格中的单元格拉得过长
在前端同事的帮助下,找到了以下解决办法
- 使用css中的
word-break
属性
其中word-break
的keep-all
属性意思是不换行,看到虽然还是会有一些换行,但是单元格好看多了。不过新的问题出现了:
有些单元格的换行会莫名其妙,这是因为,keep-all
只是不允许 Chinese, Japanese, 和 Korean 回行。这个功能类似与“normal” 的非亚洲语言版本。
再加入一个css属性white-space
所有的单元格全都强行变成了一行。
ps:后来又发现td的一个属性:nowrap
设置为true
时也可以实现不换行