如題,Bootstrap jqGrid不換行的問題足足讓我研究了一個多小時,内心是崩潰的。
我在百度上搜以下内容時:
![](https://img.laitimes.com/img/__Qf2AjLwojIjJCLyojI0JCLicmbw5yY4UWOmZzNkNzM4QmY3MTO5kDM0cjMkVDM3QmNiZTZ48CX5d2bs92Yl1iclB3bsVmdlR2LcNWaw9CXt92Yu4GZjlGbh5yYjV3Lc9CX6MHc0RHaiojIsJye.png)
答案幾乎都™沒用,無非就是告訴我:
style="word-wrap:break-word;"
艹,什麼問題也解決不了。真夠氣人的,反複試驗後,幾乎整個人都不好了,被這樣一個小問題折磨得快要煩透了。
就在我快要放棄的時候,終于發現了一個重要資訊:
pre,就是它——通常情況下,pre會保持原有的文本式樣,這個經驗我還是知道的。直覺告訴我,問題一定在于此。
由于white-space: pre;是Bootstrap jqGrid的全局式樣,解決辦法就是在需要換行的地方重載掉該式樣,于是解決辦法也很簡單:
.jqgrid td .goods-desc .name {
white-space: normal;
}
讓white-space的值恢複正常normal。話說,對css不夠精通的程式員面對這種情況也夠悲催的,我不幸的就成為了其中一員。
問題解決了,有必要在CSDN上總結一下,希望需要的人,能夠及時看到。