多行溢出省略号 | IT-北北报

多行溢出省略号

2016/07 04 11:07
记录一个知识点:

/*文字溢出省略*/
//单行溢出省略号
@mixin text-over {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
//多行溢出省略号
@mixin multi-text-over {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;//几行后显示省略号
}


--转载请注明: IT-北北报 » 多行溢出省略号



无觅相关文章插件,快速提升流量