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

最新推荐文章于 2025-04-24 00:32:55 发布

robbie.yang

最新推荐文章于 2025-04-24 00:32:55 发布

阅读量211

点赞数 1

文章标签： scss 前端 css

本文链接：https://blog.youkuaiyun.com/u013243347/article/details/137887584

版权

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 单行文本超出省略
@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;
}