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