css 控制 段落 超出三行的部分显示...

css 控制 段落 超出三行的部分显示…

代码如下






    



    

首先得判断文本自否超过四行,因为这些一般都是是前端异步请求然后后端发送过来,在组长的指导下,使用了 Vue 中的 nextTick 来监听 DOM 中是数据变化。接下来主要是 css 上的思路,其实上图可以分为两部分,如下图,标号1的部分展示前面三行,标号为2的部分会根据1的行数判断缩进的大小,然后展示第四行。最后通过背景色的控制让两者看上去是一段文字。

效果图:
css 控制 段落 超出三行的部分显示..._第1张图片

你可能感兴趣的:(网络学习日志,HTML,CSS)