html 一行或多行文字超出部分显示省略号。为最后一个元素添加样式

//一行文字溢出部分显示省略号
.ellipsis{
  overflow: hidden;
  text-overflow:ellipsis;//文本溢出显示省略号
  white-space:nowrap;//文本不会换行（单行文本溢出）
  width:130px;
  background-color: red;
}

<div class="ellipsis">
    单行文本css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分
</div>

//多行溢出部分显示省略号
.mult_line_ellipsis{
  overflow: hidden;
  text-overflow:ellipsis;//文本溢出显示省略号
  display: -webkit-box;
  -webkit-line-clamp: 3;//显示几行，这是显示3行
  -webkit-box-orient: vertical;
  width:130px;
  background-color:cornflowerblue;
}
<div class="mult_line_ellipsis">
    多行文本css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分
</div>


.div:last-child{/*这里添加属性*/}//给最后一个div添加样式