当前位置: 首页 > Web前端 > CSS

纯CSS实现n行后省略文字功能

时间:2023-03-30 15:34:45 CSS

demo1:限制单行文字的字符数,并用“...”代替

春江潮连海平面,海上明月与潮并存。

demo2:限制多行文字的字数,多余的字符用“...”替换

春江潮接海平面,海上明月与潮汐共存。千里随波闪烁,哪里是没有月色的春江!江水绕芳甸流,月照花林如冰雹;天上霜不觉飞,园中白沙不见。江天一色无尘,明月独明。江边谁初见月?年初的江月什么时候亮过人?生生不息,江月长相年年相似。不知江越等谁,只见长江送水。白云飘远,清风铺愁。 今晚哪家划船?相思明月楼在哪里?楼上游荡的可怜月亮,当把妆镜带走。玉壶帘子卷不去,铁砧上指还来。这时,我们面面相觑,却听不见对方的声音。愿月光照耀你。鸿雁飞长明,鱼龙潜水写。昨夜仙坛梦,