[轉載]css控制文字換行

 .zjtext{ font-size:12px; color:#fff; padding:5px; width:100px;white-space:normal; overflow:hidden; }css

以上是我引用的,關鍵語:white-space:normal; overflow:hidden;spa

強制不換行
p.www_52css_com {
  white-space:nowrap;
  }
自動換行
p.www_52css_com {
  word-wrap: break-word;
  word-break: normal;
  }
強制英文單詞斷行
p.www_52css_com {
  word-break:break-all;
  }orm

CSS設置不換行:對象

  overflow:hidden 溢出隱藏
  white-space:nowrap 不換行
  pre 換行和其餘空白字符都將受到保護
  nowrap 強制在同一行內顯示全部文本,直到文本結束或者遭遇br對象it

CSS設置強制換行:引用

  word-break:break-all 強制斷開實現轉行
  normal ; 依照亞洲語言和非亞洲語言的文本規則,容許在字內換行
  break-all : 該行爲與亞洲語言的normal相同。也容許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本
  keep-all : 與全部非亞洲語言的normal相同。對於中文,韓文,日文,不容許字斷開。適合包含少許亞洲文本的非亞洲文本與之間的高度解決辦法
  設置或檢索對象內文本的字內換行行爲。尤爲在出現多種語言時。對於中文,應該使用break-all 。im

相關文章
相關標籤/搜索