在做響應式網頁的時候，我們要想在不同尺寸的裝置下保證布局不會錯亂，就需要對文字的長度進行限定。
在介紹下面的方法之前，我們先對所有的例子進行基礎的樣式設定
/*基礎設定*/
div.box
1.單行溢位隱藏顯示…
"box text-box1">
目錄結構清晰是首要目標，至於命名只要能達到表意的目的即可。目錄結構清晰
/*1.單行溢位隱藏顯示...(在文字的容器上設定)*/
.text-box1 p
執行效果：
2.多行溢位隱藏顯示…
"box text-box2">
目錄結構清晰是首要目標，至於命名只要能達到表意的目的即可。目錄結構清晰
/*2.多行溢位隱藏顯示...(在文字的容器上設定) 只相容webkit核心的瀏覽器*/
.text-box2 p
3.多行溢位隱藏顯示…
"box text-box3">
目錄結構清晰是首要目標，至於命名只要能達到表意的目的即可。目錄結構
/*3.多行溢位隱藏顯示...(跨瀏覽器相容+偽元素定位)*/
.text-box3 p
.text-box3 p::after
執行效果：
意思是這個意思，或許會有更合適的方法進行處理
CSS 文字溢位省略顯示
實現文字顯示單行或多行，超出部分用省略號顯示是乙個很常見的需求，在這裡做個分享記錄。文末有 demo 演示 下面是單行縮略的實現 overflow hidden text overflow ellipsis white space nowrap 注 要在塊級元素設定 單行縮略很簡單，唯一比較生疏的是...
css 文字溢位省略號
css 文字溢位後顯示省略號，這是乙個非常常規的操作，但是你會發現在網上很多給出的例子兩行之後顯示省略號，卻沒有用。這是為什麼呢？please look follow。在一行省略的 text oneline簡單介紹下 white space 這個是處理空白符的，但是這東西還不是這麼簡單的。這是一些文...
css字型溢位省略
css 文字兩行顯示，超出省略號表示 重點 text overflow ellipsis 只對display inline 起作用 例子 我說說打瞌睡黨風建設打火機說說色兒ab 一行 white space nowrap text overflow ellipsis overflow hidden ...