本文共 537 字，大约阅读时间需要 1 分钟。

CSS 设置文字只显示一行，多余显示省略号

.view-text{  /**	思路：	1.设置inline-block属相	2.强制不换行	3.固定高度	4.隐藏超出部分	5.显示“……”  */  display: inline-block;  white-space: nowrap;   width: 100%;   overflow: hidden;  text-overflow:ellipsis;}

显示两行

   
    热卖精选：从子频道（服饰鞋包，亲子，居家，美妆）档期里面挑选出来，库存大于30%的高信价比商品list，数量为50个
   
/**思路：	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;}