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