常用CSS样式标记

//不换行,超出用省略号
.nowrap-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

//限制行数,超出用省略号
.manyline-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
}


.home-tab-control {
  /*距离顶部40时产生吸顶效果*/
  position: sticky;
  top: 44px;
  z-index: 9;
}

 

你可能感兴趣的:(web前端,CSS)