常用 Css 样式

CSS 文本两行或多行,超出用省略号(…)表示

//一行显示
.line {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

//两行或多行显示
.line {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden; //溢出内容隐藏
  text-overflow: ellipsis; //文本溢出部分用省略号表示
  display: -webkit-box; //特别显示模式
  -webkit-line-clamp: 2; //行数
  line-clamp: 2;
  -webkit-box-orient: vertical; //盒子中内容竖直排列
  word-break: break-all; //防止纯字母失效
}

CSS 添加背景图片

background: url("~@static/img/csgl/jtjkRC.png") no-repeat center center;
background-size: 100% 100%;