单行、多行出现省略号

1、单行出现省略号代码

<div style = 
    'width:400px;
     height:40px;
     border:1px solid red;'>
     <p style=
       'overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;'>
          这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本
          这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本
     </p>
</div>

2、多行出现省略号

<div style = 
    'width:400px;
     height:70px;
     border:1px solid red;'>
     <p style=
       'display: -webkit-box;//对象作为弹性伸缩盒子模型显示 
        -webkit-box-orient: vertical;//设置或检索伸缩盒对象的子元素的排列方式 
        -webkit-line-clamp: 2;//溢出省略的界限
        overflow:hidden;'//设置隐藏溢出元素
         >
        这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本
        这是一些文本这是一些文本这是一些文本这是一些文本这是一些文本
     </p>
</div>