class
="box"
>
想起從前呆在南方/許多那裡的氣息 許多那裡的顏色/不知覺心已經輕輕飛起
class
="desc"
>
我第一次戀愛在那裡/不知她現在怎麼樣 我家門前的湖邊/這時誰還在流連b
>
時間過得飛快/轉眼這些已成回憶 每天都有新的問題/不知何時又會再憶起span
>
>
class
="box2"
>
it's always wet / soft there there's always a lot of trivia there / it's
always red and blue so romantic every day
div>
/>
class
="box3"
>
我第一次戀愛在那裡/不知她現在怎麼樣 我家門前的湖邊/這時誰還在流連 it's
always wet / soft there there's always a lot of trivia there / it's always
red and blue so romantic every day時間過得飛快/轉眼這些已成回憶
每天都有新的問題/不知何時又會再憶起
div>
/>
class
="box4 multi-line"
>
我第一次戀愛在那裡/不知她現在怎麼樣 我家門前的湖邊/這時誰還在流連 it's
always wet / soft there there's always a lot of trivia there / it's always
red and blue so romantic every day時間過得飛快/轉眼這些已成回憶
每天都有新的問題/不知何時又會再憶起
div>
/>
class
="box4 multi-line"
>
我第一次戀愛在那裡/不知她現在怎麼樣div
>
/>
class
="box5"
>
我第一次戀愛在那裡 時間過得飛快 轉眼這些已成回憶 每天都有新的問題 不知何時又會再憶起div
>
// 獲取元素class裡面的樣式
function
getstyle
(obj, attr)}if
(obj.currentstyle)
else
}/* @function 多行省略
* @param cls class名
* @param h 多高省略
* @param overflow 可以是已經備好的樣式,也可以是自定義
*/function
multiline
(cls, h, overflow =
'overflow')}
)}multiline
('.multi-line',40
)/* @function 多行省略
* @param cls class名
* @param num 多少字切割顯示省略號
* @param dot 省略號的符號
*/// 只支援中文省略號,不支援混合
function
multiline2
(cls, num, dot =
'...')}
)}multiline2
('.box5',40
)
css 多行省略失效問題
我們在排版布局是，經常會遇到文字省略效果，例如 單行省略 記得要有寬度，預設寬度也可以 g text ove1多行省略 一般情況下沒問題 g text ove2多行省略失效問題 第一種情況主要用於相容，新增這句話 代表刪除老的無效 且新增新的 autoprefixer off webkit box ...
css多行省略號和單行省略號
單行溢位，超出部分顯示.或者擷取。前提必須有寬度 陌生人，我也為你祝福 願你有乙個燦爛的前程 願你有情人終成眷屬 願你在塵世獲得幸福 我只願面朝大海，春暖花開 div body html 陌生人，我也為你祝福 願你有乙個燦爛的前程 願你有情人終成眷屬 願你在塵世獲得幸福 我只願面朝大海，春暖花開 d...
黑科技 CSS定製多行省略
當字數多到一定程度就顯示省略號點點點。最初只是簡單的點點點，之後花樣越來越多，點點點加下箭頭，點點點加更多，點點點加更多加箭頭.多行省略就是大段文字後面的花式點點點。google plus用透明到白色的漸變遮罩，漸變遮罩在文字超出的時候才顯示，但無法擠出文字，且背景只能純色，不理想。豌豆莢則更簡單粗...