html - css 这个当文本写不开的时候用省略号,是怎么弄得呢?

问题描述

问 题

就是红线部分..

解决方案

超出省略号

a{
    dispaly:block;
    width:200px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

如果是多行省略号（针对webkit内核）

a{
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;/*行数*/
    overflow: hidden;
}

这篇关于html - css 这个当文本写不开的时候用省略号,是怎么弄得呢?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！