文字
或者 \n
white-space
:normal 預設。空白會被瀏覽器忽略。
pre 空白會被瀏覽器保留。其行為方式類似 html 中的標籤。
nowrap 文字不會換行，文字會在在同一行上繼續，直到遇到
標籤為止。
pre-wrap 保留空白符序列，但是正常地進行換行。
pre-line 合併空白符序列，但是保留換行符。
inherit 規定應該從父元素繼承 white-space 屬性的值。
word-break
:normal 使用瀏覽器預設的換行規則。
break-all 允許在單詞內換行。------------------------------------ word-break
: break-all
keep-all 只能在半形空格或連字元處換行。
word-wrap
:normal 只在允許的斷字點換行（瀏覽器保持預設處理）。
break-word 在長單詞或 url 位址內部進行換行。
例項:
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
"x-ua-compatible" content=
"ie=edge"
>
document<
/title>
/* white-space、word-break、word-wrap */
/* white-space: nowrap; 簡單的，我們可以理解為永不換行。 */
/* .content */
/* white-space:pre; 空格和換行符全都被保留了下來！不過自動換行還是沒了(其實沒什麼大用 **會壓縮) */
/* .content */
/*white-space:pre-wrap; 空格被合併了，但是換行符可以發揮作用 */
.content
/* white-space:pre-line 空格被合併了，但是換行符可以發揮作用 */
.content
/* normal 使用瀏覽器預設的換行規則。
break-all 允許在單詞內換行。
keep-all 只能在半形空格或連字元處換行。 */
.content
/* word-wrap 部分瀏覽器 */
/* normal 只在允許的斷字點換行（瀏覽器保持預設處理）。
break-word 在長單詞或 url 位址內部進行換行。 */
.content
<
/style>
<
/head>
="content"
>
hi
, this is a incomprehensibilities long word.
<
/br>
你好 ，
這 是乙個不可思議的長單詞
<
/div>
<
/body>
<
/html>
CSS文字換行始末
昨天我在編輯某個網頁的時候,某種原因長按了乙個字母，結果發生下圖這樣的事情 內容已經被我重新修改過，但是原文還是跟它一樣，有一長串英文，然後是中文，接著是一段規則的英文 對此在csdn請教了高手，原來瀏覽器是把那一長串的英文當做了乙個單詞。對此，我作了乙個極端的測試，就是在一長串英文中間加入標點符號...
css限制文字換行
css 設定文字只顯示一行，多餘顯示省略號 view text顯示多行 思路 1.超出的文字隱藏 2.溢位用省略號顯示 3.溢位不換行 4.將物件作為彈性伸縮盒子模型顯示 5.從上到下垂直排列子元素 設定伸縮盒子的子元素排列方式 6.這個屬性不是css的規範屬性，需要組合上面兩個屬性，表示顯示的行數...
css控制文字換行
設定為break word時，文字中的長單詞或url可以換行 換行換行換行換行換行換行換行換行aaaaaaaaaaaaaaaa 新增換行後的效果 若css不設定word wrap，遇到長單詞時內容溢位，效果如圖所示 設定為break all時，文字遇到長單詞，會選擇在合適的位置截斷進行換行 換行換行...