1、自动换行
.wrap{
width: 100%; //不要设置高度
word-wrap: break-word;
word-break: break-all; //如果没有,当内容为数字和英文时,不能自动换行显示
}
2、垂直居中
vertical-align: middle;
3、字体居中
text-align:center;
4、多余文字省略号显示
.ellipsisword{
white-space: nowrap;//文本不会换行,文本会在在同一行上继续,直到遇到<br>标签为止
overflow: hidden;//滚动轴设置
text-overflow: ellipsis;//显示省略符号来代表被修剪的文本
-webkit-line-clamp: 3;//设置3行后显示省略号
}