溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“CSS怎么進行文字換行及裁剪”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“CSS怎么進行文字換行及裁剪”吧!
關于換行、裁剪的一些CSS屬性
word-wrap: normal | break-word
normal 正常換行，內容可以撐破容器，例如長單詞或者長數字的情況
break-word 以單詞作為換行依據，如果需要，單詞內部允許斷行
word-break: normal | break-all | keep-all
normal 正常換行，內容可以撐破容器，例如長單詞或者長數字的情況
break-all 以字母作為換行依據
keep-all 中英文下和normal相同
white-space: normal || pre || nowrap || pre-line || pre-wrap || inherit
normal默認值，空白會被瀏覽器忽略
pre 空白會被瀏覽器保留，其行為方式類似 HTML 中的 <pre> 標簽
nowrap 文本不會換行，文本會在在同一行上，直到遇到 <br /> 標簽為止
pre-wrap 保留空白符序列，但是正常地進行換行(IE7-不支持)
pre-line 合并空白符序列，但保留換行符(IE7-不支持)
inherit規定應該從父元素繼承 white-space 屬性的值(IE不支持)
應用：
文字溢出顯示省略標記（...）：
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
文字換行：
/* 以單詞作為換行依據 */
word-wrap: break-word;
word-break: normal;
/* 以字母作為換行依據 */
word-break: break-all;
文字強制不換行：
white-space: nowrap;
到此，相信大家對“CSS怎么進行文字換行及裁剪”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
