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

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

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

超出显示省略号

单行

.inform_content {
  width: 100px;  /*记住设置宽度，有时候父元素有宽度不设置也行*/
  white-space: nowrap;
  overflow : hidden;
  text-overflow: ellipsis; /*省略号*/
}

多行（有兼容性问题）：

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

菜鸟以前写的，上面都不生效可以试试这个！

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

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