css单行文本溢出和多行文本溢出显示省略号

倾然丶 夕夏残阳落幕 提交于 2019-12-29 14:51:12

1.单行文本溢出显示省略号

@mixin no-wrap() {
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}

 

2.多行文本溢出显示省略号
@mixin no-wrap-multi($linNum) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: $linNum;
  overflow: hidden;
  text-overflow: ellipsis;
}
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!