【scss】单行、多行样式全局变量

Robbie丨Yang

于 2024-04-17 20:25:23 发布

阅读量123

点赞数 1

文章标签： scss 前端 css

本文链接：https://blog.csdn.net/u013243347/article/details/137887584

版权

本文介绍了两个CSSmixins，@mixinsingleLineTextEllipsis用于处理单行文本溢出显示省略号，而@mixinmultiLineTextEllipsis则支持多行文本在指定行数后截断，是前端开发者处理文本溢出问题的实用工具。

摘要由CSDN通过智能技术生成

// 单行文本超出省略
@mixin singleLineTextEllipsis() {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
};

// 多行文本超出省略
@mixin multiLineTextEllipsis($line: 1) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: $line;
    -webkit-box-orient: vertical;
}