html、微信小程序多出显示省略号

置顶 PBitW

已于 2024-02-22 09:29:28 修改

阅读量454

点赞数 1

分类专栏：项目总结文章标签：微信小程序 css多出显示省略号微信小程序多出显示省略号多出显示省略号

于 2022-10-06 21:41:35 首次发布

本文链接：https://blog.csdn.net/langwang_100/article/details/127188386

版权

项目总结专栏收录该内容

15 篇文章 1 订阅

订阅专栏

今天菜鸟做微信小程序正好要用到多行显示省略号，然后记不起来属性名了，就打开自己的收藏文章，草，之前没有收费的文章，现在居然设置成vip才能看，顿时无语！

既然别人靠不住就自己写篇文章咯！

.inform_content {
  width: 100rpx;  /*记住设置宽度，有时候父元素有宽度不设置也行*/
  overflow : hidden;
  text-overflow: ellipsis; /*省略号*/
  -webkit-line-clamp: 2; /*几行省略就几*/
  -webkit-box-orient: vertical;
  display: -webkit-box;

  /* 这个好像web上不用加 */
  word-break: break-all;
}