css文本、字母、數字過長 自動換行處理

來源:互聯網
上載者:User

標籤:bre   str   應該   break   數字   瀏覽器   結束   nowrap   它的   

---恢複內容開始---

white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;
white-space 屬性設定如何處理元素內的空白
normal 預設。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行為方式類似 HTML 中的 pre 標籤。
nowrap 文本不會換行,文本會在在同一行上繼續,直到遇到 br 標籤為止。
pre-wrap 保留空白符序列,但是正常地進行換行。
pre-line 合并空白符序列,但是保留分行符號。
inherit 規定應該從父元素繼承 white-space 屬性的值。

word-wrap: normal|break-word;
word-wrap 屬性用來標明是否允許瀏覽器在單詞內進行斷句,這是為了防止當一個字串太長而找不到它的自然斷句點時產生溢出現象。
normal: 只在允許的斷字點換行(瀏覽器保持預設處理)
break-word:在長單詞或URL地址內部進行換行
word-break: normal|break-all|keep-all;

word-break 屬性用來標明怎麼樣進行單詞內的斷句。
normal:使用瀏覽器預設的換行規則。
break-all:允許再單詞內換行
keep-all:只能在半形空格或連字號處換行

---恢複內容結束---

css文本、字母、數字過長 自動換行處理

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.