我是在做便签功能时,遇到的这个问题,献上效果图如下:
原先是这样的
:
最终效果图
:
解决方式:
为文本添加样式
style="white-space:pre-wrap;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 7;
overflow: hidden;"
大功告成,解决问题,简单粗暴。
样式分析:
white-space:pre-wrap
:保留输入的样式
display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;
:超过7行的数据隐藏用...
代替