html/css文字超出隐藏写法、省略号

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/YangBingX/article/details/72954532

1、文本超出显示省略号

{
    width:100%;/*一行代码显示省略号必须写宽度，否则无效*/
    height:24px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

2、多行文本超出省略号：

{
    height:36px;/*36px大概是两行的高度，可自己调*/
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

3、强制英文换行

{
word-break:break-all;
}