css常用

目录

1. 字体超出不换行，变点点点

2. background-color 和 background-image 一起用

---

1. 字体超出不换行，变点点点

   单行超出：

   overflow:hidden; /*超出的部分隐藏起来。*/

   white-space:nowrap;/*不换行*/

   text-overflow:ellipsis;/*超出文本以省略号显示 */

   两行超出：

   overflow: hidden;

   text-overflow: ellipsis;

   display: -webkit-box;

   -webkit-line-clamp: 2;

   -webkit-box-orient: vertical;

2. background-color 和 background-image 一起用

background-image:  linear-gradient(rgba(0, 0, 0, .7), rgba(0, 0, 0, .7)),  url(../images/home-bg.jpg); 
在多重背景的时候，写在前边的位于上方。

gradient的浏览器要求：http://caniuse.com/#search=gradients 
multibackgrounds的浏览器求：http://caniuse.com/#feat=multibackgro

答案出处： https://blog.csdn.net/Shirley_Ying/article/details/52515337

3.居中

父元素：text-align:center

子元素：margin:0 auto