天天看點

解決Bootstrap jqGrid單元格不換行的問題

如題,Bootstrap jqGrid不換行的問題足足讓我研究了一個多小時,内心是崩潰的。

我在百度上搜以下内容時:

解決Bootstrap jqGrid單元格不換行的問題

答案幾乎都™沒用,無非就是告訴我:

style="word-wrap:break-word;"

艹,什麼問題也解決不了。真夠氣人的,反複試驗後,幾乎整個人都不好了,被這樣一個小問題折磨得快要煩透了。

就在我快要放棄的時候,終于發現了一個重要資訊:

解決Bootstrap jqGrid單元格不換行的問題

pre,就是它——通常情況下,pre會保持原有的文本式樣,這個經驗我還是知道的。直覺告訴我,問題一定在于此。

由于white-space: pre;是Bootstrap jqGrid的全局式樣,解決辦法就是在需要換行的地方重載掉該式樣,于是解決辦法也很簡單:

.jqgrid td .goods-desc .name {

white-space: normal;

}

讓white-space的值恢複正常normal。話說,對css不夠精通的程式員面對這種情況也夠悲催的,我不幸的就成為了其中一員。

問題解決了,有必要在CSDN上總結一下,希望需要的人,能夠及時看到。

繼續閱讀