博客

 <div>
        aaaaaaaaaaa
        aaaaaaaaaaa
        aaaaaaaaaaa
        aaaaaaaaaaa
        aaaaaaaaaaa
 </div>

1、单行文字溢出显示…

/*div宽高是100px*/
overflow: hidden;/*溢出隐藏*/
white-space:nowrap;/*不换行*/
text-overflow: ellipsis;/*规定当文本*/

效果图：

2、多行文字溢出显示…

display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4; /*在第几行显示...*/
overflow: hidden ;

效果图：