CSS 设置文字只显示一行，多余显示省略号
.view-text{/**思路：1.设置inline-block属相2.强制不换行3.固定高度4.隐藏超出部分5.显示“……”*/display: inline-block;white-space: nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis;}
显示两行
<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;}
如果觉得《CSS 设置文字只显示一行 多余显示省略号》对你有帮助，请点赞、收藏，并留下你的观点哦！
