less中一些公用的方法

minx.less

  • 设置圆角 默认为5px
.border-radius(@radius:5px){
  -webkit-border-radius: @radius;
  -moz-border-radius: @radius;
  -ms-border-radius: @radius;
  -o-border-radius: @radius;
  border-radius: @radius;
}
  • 多行文本超出显示省略号
.n-ellipsis(@n){
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: @n;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  word-break: break-all;
}
  • 单行文本显示超出省略号
.ellipsis{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
  • 清除浮动
.clearfix:after{
  content:'\0020';
  display:block;
  height:0;
  clear:both;
}
.clearfix{*zoom:1}

你可能感兴趣的:(less中一些公用的方法)