CSS中单行文本和多行文本溢出显示

<div>
        <p>你好啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</p>
 </div>

1. 单行文本内容溢出省略号显示

       div {
            width: 150px;
            height: 100px;
        }
        p {
            /* 文字不换行，默认是换行的wrap */
            white-space: nowrap;

             /* 超出文本隐藏 */
             overflow: hidden;

            /* 文本超出用...表示 */
            text-overflow: ellipsis;

        }

2. 多行文本超出内容溢出显示

    div {
            width: 150px;
            height: 100px;
        }
     p{
            overflow: hidden;
            text-overflow: ellipsis;
            /* 弹性伸缩盒子模型显示 */
            display: -webkit-box;
            /* 设置伸缩盒子的子元素排列方式，从上到下垂直排列 */
            -webkit-box-orient: vertical;
            /* 设置显示的行数 */
            -webkit-line-clamp: 2;
        }