1、css3内容上下左右居中
.box { display:-moz-box; -moz-box-pack:center; -moz-box-align:center; display:-webkit-box; -webkit-box-pack:center; -webkit-box-align:center; }
.box { display: flex; justify-content: center; align-items: center; }
2、text-overflow:CSS3内容超出隐藏
一行文字:
.box { width:150px; height: 24px; overflow: hidden; text-overflow: ellipsis/clip; white-space: nowrap; }
多行文字:
.box { width:150px; height: 48px; overflow: hidden; text-overflow: ellipsis/clip; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
3、