1。众所周知，强制一行溢出并显示省略号(...)overflow:hidden;//超出隐藏文本非常简单-overflow:ellipsis;//显示省略号表示被修剪的文本。white-space:nowrap;//不换行2.但是如果要强制两行或多行，需要用到css3知识点。网上的版本大多是：overflow:hidden；//过多的文字被隐藏text-overflow:ellipsis;//用省略号显示溢出display:-webkit-box;//将对象显示为灵活的盒子模型。-webkit-line-clamp:2;//此属性不是css的标准属性。需要结合以上两个属性来表示显示的行数。-webkit-box-orient：垂直；//从上到下垂直排列子元素（设置拉伸框的子元素排列方式）但是在实际项目中，我们会发现它没有任何作用，因为代码编译去掉了-webkit-box-orient：垂直的。所以最后最好的解决办法：overflow:hidden;文本溢出：省略号；显示：-webkit-box；-webkit-line-clamp:2;//多行可以修改这里的数字overflow:hidden;/*autoprefixer:忽略下一个*/-webkit-box-orient:vertical;最近用taro写了个微信小程序项目，发现/*autoprefixer:ignorenext*/没用，然后运行起来猛如虎，请有同样问题的同学把这行代码改成/*！autoprefixer:ignorenext*/，细心的同学可以发现，这就是为什么编译-webkit-box-orient:vertical;会跳过这行代码的原因。~~~~
