弹性布局

display:-webkit-flex;

flex:1或是2;平分整个父级

不定宽高的水平垂直居中

div

{

position:absolute;

top:50%;

left:50%;

z-index:3;

-webkit-transform:translate(-50%,-50%);

border-radius:6px;

background:#fff;

}

div{

justify-content:center;

align-items:center;

display:-webkit-flex;

}

多行文本溢出

p{

display:-webkit-box !important;

overflow:hidden;

text-foverflow:ellipsis;

word-break:break-all;

-webkit-box-orient:vertical;

-webkit-line-clamp:2;

}

单行文本溢出

p{

overflow:hidden;

world-space:nowrap;

text-overflow:ellipsis;

}