摘要:預(yù)期目標(biāo)文字最多顯示兩行,超出兩行的省略號顯示實(shí)現(xiàn)方案測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)
預(yù)期目標(biāo):文字最多顯示兩行,超出兩行的省略號顯示
實(shí)現(xiàn)方案:`
測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)
`
最終效果:
細(xì)節(jié)描述:
text-overflow:ellipsis 控制省略號
-webkit-line-clamp:2 控制行號
感覺對你有用的話,打賞一下哈:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/116183.html
摘要:預(yù)期目標(biāo)文字最多顯示兩行,超出兩行的省略號顯示實(shí)現(xiàn)方案測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù)據(jù)測試數(shù) 預(yù)期目標(biāo):文字最多顯示兩行,超出兩行的省略號顯示實(shí)現(xiàn)方案:` .main{ width: 360px; borde...
摘要:我現(xiàn)在的需求是這樣的,我目前實(shí)現(xiàn)了一個框,顯示文字,超出兩行顯示,如果單行要保證垂直居中,我如果給容器使用則當(dāng)文字內(nèi)容過多的時候會不上下文字有截?cái)喱F(xiàn)在效果如下只能顯示兩行,超出顯示省略號解決方法垂直居中的我現(xiàn)在的需求是這樣的,我目前實(shí)現(xiàn)了一個div框,顯示文字,超出兩行顯示...,如果單行要保證垂直居中,我如果給容器使用display:flex;align-items:center;則當(dāng)文字...
摘要:看到了個問題,問題地址目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 看到了個問題,問題地址:https://segmentfault.com/q/10...目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 ...
摘要:看到了個問題,問題地址目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 看到了個問題,問題地址:https://segmentfault.com/q/10...目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 ...
閱讀 3762·2021-11-15 11:37
閱讀 3050·2021-11-12 10:36
閱讀 4590·2021-09-22 15:51
閱讀 2478·2021-08-27 16:18
閱讀 956·2019-08-30 15:44
閱讀 2219·2019-08-30 10:58
閱讀 1834·2019-08-29 17:18
閱讀 3345·2019-08-28 18:25