1. scss
@mixin rounded($param1,$param2) { #{$param1}:$param2; -webkit-#{$param1}: $param2; -moz-#{$param1}: $param2; -ms-#{$param1}: $param2; -o-#{$param1}:$param2; } 使用方法: @include rounded(transition,all 0.3s);
2.less .promise(@css, @args) { @{css}: @args; -webkit-@{css}: @args; -moz-@{css}: @args; -ms-@{css}: @args; -o-@{css}: @args; } 使用方法: .promise(box-sizing, border-box);
3.css /*多行文本溢出*/ .font_duo { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*单行文本溢出*/ .font_dan { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }