| 導購 | 订阅 | 在线投稿
分享
 
 
 

CSS文字換行詳細解說

2008-12-04 08:25:58  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
  本文列舉了兼容 IE 和 FF 地換行 CSS 推薦樣式,詳細介紹了word-wrap同word-break地區別.兼容 IE 和 FF 地換行 CSS 推薦樣式:

  最好地方式是

  word-wrap:break-word; overflow:hidden;

  而不是

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

  也不是

  word-wrap:break-word; overflow:auto;

  這種最好地方式,在 IE 下沒有任何問題,在 FF 下,長串英文會被遮住超出地內容.

  技術總結:

  word-wrap是控制換行地.

  使用break-word時,是將強制換行.中文沒有任何問題,英文語句也沒問題.但是對于長串地英文,就不起作用.

  break-word是控制是否斷詞地.

  normal是默認情況,英文單詞不被拆開.

  break-all,是斷開單詞.在單詞到邊界時,下個字母自動到下一行.主要解決了長串英文地問題.

  keep-all,是指Chinese, Japanese, and Korean不斷詞.即只用此時,不用word-wrap,中文就不會換行了.(英文語句正常.)

  IE下:

  使用word-wrap:break-word;所有地都正常.

  FireFox下:

  如這2個都不用地話,中文不會出任何問題.英文語句也不會出問題.但是,長串英文會出問題.

  爲了解決長串英文,一般用word-wrap:break-word;word-break:break-all;.但是,此方式會導致,普通地英文語句中地單詞會被斷開(IE下也是).

  目前主要地問題存在于 長串英文 和 英文單詞被斷開.其實長串英文就是一個比較長地單詞而已.即英文單詞應不應該被斷開那?那問題很明顯了,顯然不應該被斷開了.對于長串英文,就是惡意地東西,自然不用去管了.但是,也要想些辦法,不讓它把容器撐大.

  用:overflow:auto; IE下,長串會自動折行.FireFox下,長串會被遮蓋.

  所以,綜上,最好地方式是word-wrap:break-word;overflow:hidden;而不是word-wrap:break-word;word-break:break-all;.

  word-wrap:break-word;overflow:auto;在IE下沒有任何問題.在FireFox下,長串會被遮住部分內容.
 
本文列舉了兼容 IE 和 FF 地換行 CSS 推薦樣式,詳細介紹了word-wrap同word-break地區別.兼容 IE 和 FF 地換行 CSS 推薦樣式: 最好地方式是 word-wrap:break-word; overflow:hidden; 而不是 word-wrap:break-word; word-break:break-all; 也不是 word-wrap:break-word; overflow:auto; 這種最好地方式,在 IE 下沒有任何問題,在 FF 下,長串英文會被遮住超出地內容. 技術總結: word-wrap是控制換行地. 使用break-word時,是將強制換行.中文沒有任何問題,英文語句也沒問題.但是對于長串地英文,就不起作用. break-word是控制是否斷詞地. normal是默認情況,英文單詞不被拆開. break-all,是斷開單詞.在單詞到邊界時,下個字母自動到下一行.主要解決了長串英文地問題. keep-all,是指Chinese, Japanese, and Korean不斷詞.即只用此時,不用word-wrap,中文就不會換行了.(英文語句正常.) IE下: 使用word-wrap:break-word;所有地都正常. FireFox下: 如這2個都不用地話,中文不會出任何問題.英文語句也不會出問題.但是,長串英文會出問題. 爲了解決長串英文,一般用word-wrap:break-word;word-break:break-all;.但是,此方式會導致,普通地英文語句中地單詞會被斷開(IE下也是). 目前主要地問題存在于 長串英文 和 英文單詞被斷開.其實長串英文就是一個比較長地單詞而已.即英文單詞應不應該被斷開那?那問題很明顯了,顯然不應該被斷開了.對于長串英文,就是惡意地東西,自然不用去管了.但是,也要想些辦法,不讓它把容器撐大. 用:overflow:auto; IE下,長串會自動折行.FireFox下,長串會被遮蓋. 所以,綜上,最好地方式是word-wrap:break-word;overflow:hidden;而不是word-wrap:break-word;word-break:break-all;. word-wrap:break-word;overflow:auto;在IE下沒有任何問題.在FireFox下,長串會被遮住部分內容.
󰈣󰈤
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
  免責聲明:本文僅代表作者個人觀點,與王朝網絡無關。王朝網絡登載此文出於傳遞更多信息之目的,並不意味著贊同其觀點或證實其描述,其原創性以及文中陳述文字和內容未經本站證實,對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
 
© 2005- 王朝網路 版權所有