CSS注

 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、

 

 

posted @ 2019-06-19 13:44 shirliey 阅读(...) 评论(...) 编辑 收藏