常用 Css3 效果整理，常用css样式，css样式锦集，css备忘录

Css单行省略号

.ellipsis {
   white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}

Css多行省略号

display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden; text-overflow: ellipsis;

Flex布局导致省略号无效

.content{display:flex}
.content .left{width:200rpx}
.content .right{flex: 1; min-width: 0;}
.content .right .title{
     line-height: 38rpx;
     height:38rpx;
     overflow: hidden; 
     white-space: nowrap;
     text-overflow: ellipsis;
}