在做后臺(tái)管理頁面的時(shí)候托猩,有時(shí)會(huì)出現(xiàn)要展示的列過多航罗,使得表格中的單元格拉得過長
在前端同事的幫助下哪审,找到了以下解決辦法
- 使用css中的
word-break
屬性
word-break
其中word-break
的keep-all
屬性意思是不換行娶牌,看到雖然還是會(huì)有一些換行锦募,但是單元格好看多了摆屯。不過新的問題出現(xiàn)了:
有些單元格的換行會(huì)莫名其妙,這是因?yàn)椋?code>keep-all只是不允許 Chinese, Japanese, 和 Korean 回行糠亩。這個(gè)功能類似與“normal” 的非亞洲語言版本鸥拧。
再加入一個(gè)css屬性white-space
所有的單元格全都強(qiáng)行變成了一行党远。
ps:后來又發(fā)現(xiàn)td的一個(gè)屬性:nowrap
設(shè)置為true
時(shí)也可以實(shí)現(xiàn)不換行