css文本两行字溢出后省略号隐藏


 width: 70%;
    height: 5rem;
    line-height: 2.5rem;
 text-overflow: ellipsis;
            word-break: break-all;
            overflow: hidden;
            display: -webkit-box;
            /* autoprefixer: off */
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;

注意,此方法在span标签内无效,我是在div标签使用的

你可以不给高,让文本自己往下顶,两行后就换行了

 

你可能感兴趣的:(前端,html,css3,css,前端)