首页 > Web开发 > 详细

scss、less 对浏览器兼容的处理方法, css 的单行溢出、多行溢出

时间:2019-01-30 10:01:08      阅读:324      评论:0      收藏:0      [点我收藏+]

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;
}

scss、less 对浏览器兼容的处理方法, css 的单行溢出、多行溢出

原文:https://www.cnblogs.com/aoqizhonghua/p/10336663.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!