firefox css自動換行的實現方法_經驗交流

來源:互聯網
上載者:User
IE直接用:
word-break:break-all; /*允許詞內換行*/
word-wrap:break-word; /*內容將在邊界內換行*/
/*需要注意的預設是:*/
word-wrap:normal /*允許內容頂開指定的視窗邊界*/
而firefox卻沒有很好的實現辦法 ,一個折中方案就是使用捲軸,但網上也提出了一種用js來判斷換行的辦法,這裡摘錄下(轉自網路,特此說明)。 JavaScript複製代碼

註:以上指令碼放在前面.

同個頁面單處調用:

這裡是要應用換行的內容
同個頁面多處調用:

這裡是要應用換行的內容
這裡是要應用換行的內容

註:把應用的JS寫在後面,其中60表示一行要顯示多少字字元,注意多個調用時ID的相應變化,不能同一個ID名稱,應用上面的方法後IE也會是按設定的字元數換行,但是IE裡面支援自動換行,所以只要判斷一下是否為IE,如果不是IE就不要輸出上面的 XML/HTML複製代碼

這段JS,如果不是就要輸出。代碼未經測試,偶只看了思路,有需要的自己去調試吧!有錯誤給我留言。
  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.