1、单行折叠
.p
overflow hidden
text-overflow ellipsis
white-space nowrap
2、多行折叠
.p
overflow hidden
display box
line-clamp 2
box-orient vertical
word-break break-all
-webkit-box-orient vertical
display -webkit-box
-webkit-line-clamp 2
text-overflow ellipsis
3、水平垂直居中
(1)绝对布局的控件居中
.p
left 50%
top 50%
position absolute
transform translate(-50%, -50%)