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

css實現強制不換行/自動換行/強制換行

2008-12-04 08:25:51  編輯來源:互聯網  简体版  手機版  評論  字體: ||
 
  強制不換行

  div{

  white-space:nowrap;

  }

  自動換行

  div{

  word-wrap: break-word;

  word-break: normal;

  }

  強制英文單詞斷行

  div{

  word-break:break-all;

  }

  CSS設置不轉行:

  overflow:hidden 隱藏

  white-space:normal 默認

  pre 換行和其他空白字符都將受到保護

  nowrap 強制在同一行內顯示所有文本,直到文本結束或者遭遇 br 對象

  設置強行換行:

  word-break:

  normal ; 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行

  break-all : 該行爲與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本

  keep-all : 與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本與之間的高度解決辦法

  英文不換行

  CSS裏加上 word-break: break-all; 問題解決。這個問題只有IE才有,在FF下測試,FF可以自己加滾動條,這樣也不影響效果

  建議大家做Skin時,記得在body裏加 word-break: break-all; 這樣可以解決IE的框架被英文撐開的問題

  以下引用word-break的說明, 注意word-break 是IE5+專有屬性

  語法:

  word-break : normal | break-all | keep-all

  參數:

  normal : 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行

  break-all : 該行爲與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本

  keep-all : 與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本

  說明:

  設置或檢索對象內文本的字內換行行爲。尤其在出現多種語言時。

  對于中文,應該使用break-all 。

  對應的腳本特性爲wordBreak。請參閱我編寫的其他書目。

  示例:

  div {word-break : break-all; }
 
強制不換行 div{ white-space:nowrap; } 自動換行 div{ word-wrap: break-word; word-break: normal; } 強制英文單詞斷行 div{ word-break:break-all; } CSS設置不轉行: overflow:hidden 隱藏 white-space:normal 默認 pre 換行和其他空白字符都將受到保護 nowrap 強制在同一行內顯示所有文本,直到文本結束或者遭遇 br 對象 設置強行換行: word-break: normal ; 依照亞洲語言和非亞洲語言的文本規則,允許在字內換行 break-all :  該行爲與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本 keep-all :  與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本與之間的高度解決辦法 英文不換行 CSS裏加上 word-break: break-all; 問題解決。這個問題只有IE才有,在FF下測試,FF可以自己加滾動條,這樣也不影響效果 建議大家做Skin時,記得在body裏加 word-break: break-all; 這樣可以解決IE的框架被英文撐開的問題 以下引用word-break的說明, 注意word-break 是IE5+專有屬性 語法: word-break : normal | break-all | keep-all 參數: normal :  依照亞洲語言和非亞洲語言的文本規則,允許在字內換行 break-all :  該行爲與亞洲語言的normal相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本 keep-all :  與所有非亞洲語言的normal相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本 說明: 設置或檢索對象內文本的字內換行行爲。尤其在出現多種語言時。 對于中文,應該使用break-all 。 對應的腳本特性爲wordBreak。請參閱我編寫的其他書目。 示例: div {word-break : break-all; }
󰈣󰈤
 
 
 
>>返回首頁<<
 
 
 
 
 熱帖排行
 
王朝網路微信公眾號
微信掃碼關註本站公眾號 wangchaonetcn
 
  免責聲明:本文僅代表作者個人觀點,與王朝網絡無關。王朝網絡登載此文出於傳遞更多信息之目的,並不意味著贊同其觀點或證實其描述,其原創性以及文中陳述文字和內容未經本站證實,對本文以及其中全部或者部分內容、文字的真實性、完整性、及時性本站不作任何保證或承諾,請讀者僅作參考,並請自行核實相關內容。
 
© 2005- 王朝網路 版權所有