开发小程序时，使用white-space: nowrap实现不换行，且多余内容显示用点...替换，会导致撑破容器的问题

主要原因还是width不固定时产生的原因，网上找了一下，说加min-width，新测无效，而且我也并没有使用flex。

于是找到新的css方法替代white-space: nowrap，CSS如下：

p{
overflow: hidden;
display: block;
text-overflow: ellipsis;
display: -webkit-box;
display: -moz-box;
height: 40rpx;
-webkit-line-clamp: 1;
-moz-line-clamp: 1;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
 }

www.lyecs.com   老杨原创