互联网下的前端段落文字溢出时将其打点

大家晚上好,今天跟大家分享的是段落或文章较长时,想让其以…的方式显示该如何处理,先来看下效果图:

最后一句没说完的话是:心想事成在代码里可以看到那些被打点隐藏的话

打点有针对单行也有针对多行的打点方法,十二为了记着方便,就只记了多行打点的方法,因为里边有个-webkit-line-clamp的属性,可以选择在第几行的时候打点,下面就给大家分享一下十二这里的样式是如何编写的:

此处的3指在第三行的时候便开始打点

单行文本的打点大家也可以简单的了解以下,写上下边的这三句话即可:

单行文本溢出打点

十二跟您每天一起学习一点点的前端小知识,还是个新人,刚刚接触前端,如果有不足的地方还希望大家可以提出宝贵的意见哟,如果喜欢十二的文章,就顺手的动动小手,给十二一个鼓励的赞哟。互联解说跟您说晚安。




转载请注明:http://www.aierlanlan.com/grrz/2825.html

  • 上一篇文章:
  •   
  • 下一篇文章: 没有了