开发常用公共CSS

开发常用公共CSS

/* 公用css */
.flex-center{
  display: flex;
  align-items: center;
}
.bg{
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.img-container{
  overflow: hidden;
}
.img-container image{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 单行省略 */
.ellipsis{
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
/* 多行省略 */
.clamp{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* -webkit-line-clamp: 2; */
}
/* boder渐变 */
.border-color{
  border-bottom: 5rpx solid transparent;
  background-clip:padding-box,border-box;
  background-origin:padding-box,border-box;
  box-sizing: border-box;
  background-image:linear-gradient(135deg,#fff,#fff),linear-gradient(90deg,#c82e2e 25%,#f22e2e 86%);
}