摘要:預期目標文字最多顯示兩行,超出兩行的省略號顯示實現方案測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數
預期目標:文字最多顯示兩行,超出兩行的省略號顯示
實現方案:`
測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據
`
最終效果:
細節描述:
text-overflow:ellipsis 控制省略號
-webkit-line-clamp:2 控制行號
感覺對你有用的話,打賞一下哈:
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/116183.html
摘要:預期目標文字最多顯示兩行,超出兩行的省略號顯示實現方案測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數據測試數 預期目標:文字最多顯示兩行,超出兩行的省略號顯示實現方案:` .main{ width: 360px; borde...
摘要:我現在的需求是這樣的,我目前實現了一個框,顯示文字,超出兩行顯示,如果單行要保證垂直居中,我如果給容器使用則當文字內容過多的時候會不上下文字有截斷現在效果如下只能顯示兩行,超出顯示省略號解決方法垂直居中的我現在的需求是這樣的,我目前實現了一個div框,顯示文字,超出兩行顯示...,如果單行要保證垂直居中,我如果給容器使用display:flex;align-items:center;則當文字...
摘要:看到了個問題,問題地址目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 看到了個問題,問題地址:https://segmentfault.com/q/10...目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 ...
摘要:看到了個問題,問題地址目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 看到了個問題,問題地址:https://segmentfault.com/q/10...目前沒想到怎樣不用行高解決問題,但是想到了之前工作中遇到的文本超出兩行顯示省略號,所以從之前的代碼里翻出代碼段記錄下來,便于之后使用。 ...
閱讀 3647·2021-11-15 11:37
閱讀 2985·2021-11-12 10:36
閱讀 4434·2021-09-22 15:51
閱讀 2389·2021-08-27 16:18
閱讀 891·2019-08-30 15:44
閱讀 2173·2019-08-30 10:58
閱讀 1780·2019-08-29 17:18
閱讀 3287·2019-08-28 18:25