1、word-break:normal | break-all |keep-all
normal 使用瀏覽器預設的換行
break-all 允許單詞內換行即允許單詞拆開顯示
keep-all 不允許拆開單詞顯示，連字元除外
這種方法只允許英文是使用，對中文無效。
結果如下
2、white-space：normal |nowrap
normal正常換行
nowrap 強制同一行內顯示所有文字
允許中文
這是一行超級長的文字文字文字
div>
<
div>
這是一行超級長的文字文字文字
div>
body
>
html
>
view code
3、text-overflow:clip | ellipsis
clip直接裁剪;
ellipsis 超出的部分用省略號代替;
ellipsis 使用扥前提是
（1）必須讓文字先強制一行顯示
（2）必須要和overflow搭配使用
這是一行超級長的文字文字文字
div>
<
div>
這是一行超級長的文字文字文字
div>
body
>
html
>
view code
更多專業前端知識，請上
【猿2048】www.mk2048.com
CSS溢位處理
css定義中的overflow屬性，封裝了溢位處理的這個概念。在盒子模型中的代表標籤的矩形物件，可以通過css樣式來定義內容區域的高度與寬度，當這個內容無法容納子矩形物件時，對於這些子矩形物件必須決定怎麼顯示，顯示什麼，這樣的處理規則就稱為溢位處理。瀏覽器在做顯示運算的時候，會依照溢位處理，來計算內...
html文字溢位處理
在前端開發的實際操作中，我們在寫頁面遇到此類問題時直接複製下列 使用即可.單行文字省略超出部分，顯示省略號 overflow hidden 超出部分隱藏 text overflow ellipsis 超出部分以省略號顯示 white space nowrap 超出部分強制不換行多行文字省略超出部分，...
html文字溢位處理方法 overflow
overflow溢位 值 visible hidden scroll auto inherit 初始值 visible 應用於 塊級元素 替換元素 表單元格 繼承性 無 注意 除了ie7 瀏覽器外，其他瀏覽器都不支援給table cell元素設定overflow屬性。firefox和ie11瀏覽器不...