我們在排版布局是，經常會遇到文字省略效果，例如
單行省略
//記得要有寬度，預設寬度也可以
.g-text-ove1
//一般情況下沒問題
.g-text-ove2
//第一種情況主要用於相容，新增這句話 代表刪除老的無效**，且新增新的**
/* autoprefixer: off */
-webkit-box-orient: vertical;
/* autoprefixer: on */
//原因是：scroll-view為了能夠橫向滾動設定了white-space: nowrap (文字不會換行，文字會在在同一行上繼續，直到遇到標籤為止。)
// 解決辦法：在裡面的元素設定
white-space：normal
css多行省略號和單行省略號
單行溢位，超出部分顯示.或者擷取。前提必須有寬度 陌生人，我也為你祝福 願你有乙個燦爛的前程 願你有情人終成眷屬 願你在塵世獲得幸福 我只願面朝大海，春暖花開 div body html 陌生人，我也為你祝福 願你有乙個燦爛的前程 願你有情人終成眷屬 願你在塵世獲得幸福 我只願面朝大海，春暖花開 d...
黑科技 CSS定製多行省略
當字數多到一定程度就顯示省略號點點點。最初只是簡單的點點點，之後花樣越來越多，點點點加下箭頭，點點點加更多，點點點加更多加箭頭.多行省略就是大段文字後面的花式點點點。google plus用透明到白色的漸變遮罩，漸變遮罩在文字超出的時候才顯示，但無法擠出文字，且背景只能純色，不理想。豌豆莢則更簡單粗...
css 多行省略的幾種寫法
class box 想起從前呆在南方 許多那裡的氣息 許多那裡的顏色 不知覺心已經輕輕飛起 class desc 我第一次戀愛在那裡 不知她現在怎麼樣 我家門前的湖邊 這時誰還在流連b 時間過得飛快 轉眼這些已成回憶 每天都有新的問題 不知何時又會再憶起span class box2 it s al...