close

寫Django的時候

發現傳送長串英文字串到前台後

會發生超出預設的CSS樣式範圍的問題

一般情況下並不會有這個問題

發生原因是英文字串不空格會被視為一個單字,所以不會進行換行

例如、aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

 

第一種解決的方法:

使該文章下方有橫條可以拉動

只要將文章內容使用<pre></pre>包住即可

缺點是可能文章閱讀的不方便,與看起來不美觀

第二種解決的方法:

則是使用CSS樣式做調整,無論是否為完整英文單詞都會被切斷換行

使用以下CSS代碼:   

 word-break: break-all; word-wrap:break-word;

缺點是其他的英文單字可能也會被從中截斷換行

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 ivankao 的頭像
    ivankao

    IvanKao的部落格

    ivankao 發表在 痞客邦 留言(0) 人氣()