31 lines
691 B
SCSS
31 lines
691 B
SCSS
// 文字超出几行隐藏,最多5行
|
||
// 使用超出1行隐藏,如果使用了flex,则需要给父元素设置min-width: 0;
|
||
@for $i from 1 through 5 {
|
||
.line-#{$i} {
|
||
@if $i == 1 {
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
} @else {
|
||
display: -webkit-box !important;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
word-break: break-all;
|
||
-webkit-line-clamp: $i;
|
||
-webkit-box-orient: vertical !important;
|
||
}
|
||
}
|
||
}
|
||
|
||
* {
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
.container{
|
||
width: 100vw;
|
||
min-height: 100vh;
|
||
background-image: linear-gradient(to bottom, #050114, #133682);
|
||
padding: 18rpx 33rpx;
|
||
color: #fff;
|
||
}
|