css怎么设置文字1行

<div class="text2">热卖精选：从子频道（服饰鞋包，亲子，居家，美妆）档期里面挑选出来，库存大于30%的高信价比商品list，数量为50个</div>

/**

思路：

1.超出的文本隐藏

2.溢出用省略号显示

3.溢出不换行

4.将对象作为弹性伸缩盒子模型显示

5.从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）

6.这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数

  */

  .text2{

width:200px;

word-break:break-all;

display:-webkit-box;

-webkit-line-clamp:2;

-webkit-box-orient:vertical;

overflow:hidden;

}