//一行

.single-line {

? white-space: nowrap;

? text-overflow: ellipsis;

? overflow: hidden;

? word-break: break-all;

}

//多行

.multiline {

? text-overflow: -o-ellipsis-lastline;

? overflow: hidden;

? text-overflow: ellipsis;

? display: -webkit-box;

? -webkit-line-clamp: 2;

? line-clamp: 2;

? -webkit-box-orient: vertical;

}

flex布局同級元素固定寬高被擠占問題

.wrap-shrink?{

flex-shrink:?0;

-webkit-flex-shrink:?0;

}

.wrap-flex?{

flex:?1;

-webkit-flex:?1;

}