// 省略号
.overflow-ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
// 显示N行文字且省略
.overflow-ellipsis-2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
// 多行省略号带末尾隐藏效果
.overflow-ellipsi_hide {
position: relative;
line-height: 20px;
max-height: 40px;
overflow: hidden;
}
.overflow-ellipsi_hide::after {
content: "...";
position: absolute;
bottom: 0;
right: 0;
padding-left: 40px;
background: -webkit-linear-gradient(left, transparent, #fff 55%);
background: -o-linear-gradient(right, transparent, #fff 55%);
background: -moz-linear-gradient(right, transparent, #fff 55%);
background: linear-gradient(to right, transparent, #fff 55%);
}
// 分割线
.separator {
height: 0;
width: 100%;
border-top: 1px solid #efefef;
}
// 必填前置星号
.requiredText[data-v-106c86ed]:before {
content: "*";
color: #ff4949;
margin-right: 4px;
}
//代码块
.paper {
.content {
text-indent: 10px;
}
.emphasis {
color: red;
}
.dmk {
background-color: #efefef;
margin: 0;
padding: 17px 0 0;
}
}
utils->css->inline行内样式
最新推荐文章于 2022-06-16 13:15:28 发布