css 超过两行显示省略号 maxlen

.maxLen, .maxlen {
    overflow: hidden; //超出文本隐藏
    text-overflow: ellipsis; ///超出部分省略号显示
    display: -webkit-box; //弹性盒模型
    -webkit-box-orient: vertical; //上下垂直
    -webkit-line-clamp: 2; //自定义行数
    /*! autoprefixer: off */
    -webkit-box-orient: vertical; 
    /*! autoprefixer: on */
}

 

/*! autoprefixer: off */   和  /*! autoprefixer: on */ 这两个是用来解决编译导致样式不见的问题

posted @ 2022-04-09 14:48  科技改变未来☆  阅读(438)  评论(0编辑  收藏  举报