scss 多线夹紧纯CSS
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss 多线夹紧纯CSS相关的知识,希望对你有一定的参考价值。
/* mixin for multiline */
@mixin multiLineEllipsis($lineHeight: 1.2em, $lineCount: 1, $bgColor: white){
overflow: hidden;
position: relative;
line-height: $lineHeight;
max-height: $lineHeight * $lineCount;
text-align: justify;
margin-right: -1em;
padding-right: 1em;
&:before {
content: '...';
position: absolute;
right: 0;
bottom: 0;
}
&:after {
content: '';
position: absolute;
right: 0;
width: 1em;
height: 1em;
margin-top: 0.2em;
background: $bgColor;
}
}
.block-with-text {
@include multiLineEllipsis($lineHeight: 1.2em, $lineCount: 3, $bgColor: white);
}
以上是关于scss 多线夹紧纯CSS的主要内容,如果未能解决你的问题,请参考以下文章
scss 元素的相对比率 - 纯CSS
scss 10种形式的马卡利|纯CSS响应和动画
托盘气动随行夹紧器-RPC
托盘气动随性夹紧器-RPC
OpenGL - 纹理显示不正确(夹紧?)
javascript JS - 线夹紧