文字換行+文字強制不換行+留白速成CSS+HTML語法

怎樣可以做到文字換行或者某些文句不換行呢? 句子中的留白又如何處理?

小帆在網上整理了一下資料，希望對此有苦惱的你有幫助哦!

文字換行+文字強制不換行+留白速成CSS語法

CSS語法：

word-break: break-all;

文句超過畫面寬度下的效果：換行，以單一字母計算，例子：「sentence」一字可以被切斷為「sent」及「ence」

word-wrap: break-word;

文句超過畫面寬度下的效果：換行，以單字計算，例子：「sentence」一字整字切換在下一行

white-space:nowrap;

文句超過畫面寬度下的效果：不換行，只移除多餘空白(如多按的空白鍵)，保留原本設定，文句超出畫面寬度
^^Bien-etre Voyage^^

white-space: pre-line

文句超過畫面寬度下的效果：換行，移除多餘空格(如多按的空白鍵)成一個空格

white-space:pre-wrap;

文句超過畫面寬度下的效果：換行，保留多餘空白(如多按的空白鍵)

作者：小帆，喜愛甜點和旅行的80後女生。
網站： Bien-etre Voyage 不凡出遊 https://bienetrevoyage.blogspot.com
原文網址：https://bienetrevoyage.blogspot.com/2018/12/break-word-css.html
版權歸Bien-etre Voyage 不凡出遊 https://bienetrevoyage.blogspot.com. 本站所有內容，未經授權嚴禁轉載複制