多行文字超出出现

多行文本显示省略号

display: -webkit-box;

-webkit-box-orient: vertical;

-webkit-line-clamp: 3;

overflow: hidden;

width: 250px;

border: 1px solid red;

font-size: 30px;

单行文本

p{

    overflow: hidden;/*超出部分隐藏*/

    text-overflow:ellipsis;/* 超出部分显示省略号 */

    white-space: nowrap;/*规定段落中的文本不进行换行 */

    width: 250px;/*需要配合宽度来使用*/

    border: 1px solid red;

    font-size: 30px;

}