微信小程序-超出部分显示省略号(单行与多行)

解决方案:


/*单行*/
.maomao{

 display:block /*这里设置inline-block或者block;根据使用情况来定(行内元素需要加这个,块级元素和行内块级可以不用)*/

 white-space:nowrap;

 overflow:hidden;

 text-overflow:ellipsis;

}

/*多行*/

.maomao{

 text-overflow:ellipsis;

 overflow:hidden;

 display:-webkit-box;

 -webkit-line-clamp:2; /*这个数字是设置要显示省略号的行数*/

 -webkit-box-orient:vertical;

}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 平时用的较多的事单行文本溢出显示省略号,做微信端发现移动端不少效果都是多行文本溢出显示省略号,故而总结一下,方便今...
    灵籁阅读 4,751评论 9 0
  • 有一个美丽的传说,这里的沙子会唱歌。带着这样的憧憬,我来到你的身边,响沙湾。 当悠悠而上的索道把我运输上到沙山,当...
    杨画画阅读 2,944评论 0 0
  • 一 简介 在Cocoa环境下,如果你想使用数据库(如sqlite),你可以使用sql语句的方式通过相关的工具...
    一江烟雨阅读 1,774评论 0 3
  • 先说一下我的背景吧。毕业之后,任职于一家有百年历史的显微镜公司,目前在中国研发中心担任软件产品经理。这个行业,是传...
    Albert_Mo阅读 3,483评论 2 4

友情链接更多精彩内容