1. 程式人生 > >解決Bootstrap jqGrid單元格不換行的問題

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

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

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

這裡寫圖片描述

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

 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上總結一下,希望需要的人,能夠及時看到。

True love is not the temporary likeness, and I know its the feeling-metting you is hard and it will be a pity if I miss you.
真正的愛情不是一時好感,而是我知道遇到你是千載難逢的際遇,錯過你將追悔莫及。