css 控制字数，超出部分显示“...”

 

单行文本隐藏
p{
    border: 1px solid red;
    width:200px;
    height:25px;
    /*word-break:break-all;*/
    white-space: nowrap;/*强制在一行显示*/
    text-overflow:ellipsis;/*设置超出内容显示...*/
    overflow: hidden;/*一定不能少 超出的内容进行隐藏*/

 

多行文本溢出部分隐藏
p {
    display: block;
    line-clamp: 2; /*多行文本 溢出部分...*/
    box-orient: vertical; /*从上向下垂直排列*/
    overflow: hidden;