css 多行省略失效問題

2021-10-10 06:43:08 字數 465 閱讀 8159

我們在排版布局是,經常會遇到文字省略效果,例如

單行省略

//記得要有寬度,預設寬度也可以

.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...