摘要:預(yù)期目標文字最多顯示兩行,超出兩行的省略號顯示實現(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ù)期目標:文字最多顯示兩行,超出兩行的省略號顯示
實現(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ù)
`
最終效果:
細節(jié)描述:
text-overflow:ellipsis 控制省略號
-webkit-line-clamp:2 控制行號
感覺對你有用的話,打賞一下哈:
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/106433.html
摘要:預(yù)期目標文字最多顯示兩行,超出兩行的省略號顯示實現(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ù)期目標:文字最多顯示兩行,超出兩行的省略號顯示實現(xiàn)方案:` .main{ width: 360px; borde...
摘要:我現(xiàn)在的需求是這樣的,我目前實現(xiàn)了一個框,顯示文字,超出兩行顯示,如果單行要保證垂直居中,我如果給容器使用則當文字內(nèi)容過多的時候會不上下文字有截斷現(xiàn)在效果如下只能顯示兩行,超出顯示省略號解決方法垂直居中的我現(xiàn)在的需求是這樣的,我目前實現(xiàn)了一個div框,顯示文字,超出兩行顯示...,如果單行要保證垂直居中,我如果給容器使用display:flex;align-items:center;則當文字...
摘要:看到了個問題,問題地址目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 看到了個問題,問題地址:https://segmentfault.com/q/10...目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 ...
摘要:看到了個問題,問題地址目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 看到了個問題,問題地址:https://segmentfault.com/q/10...目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 ...
閱讀 1078·2021-11-16 11:44
閱讀 1367·2019-08-30 13:12
閱讀 2400·2019-08-29 16:05
閱讀 3070·2019-08-28 18:29
閱讀 904·2019-08-26 13:41
閱讀 3228·2019-08-26 13:34
閱讀 2596·2019-08-26 10:35
閱讀 931·2019-08-26 10:28