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