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;
}