css总结

1. inline-block可以实现行内成块。类似float

 

2. 一开始把css写在不同的小文件里面，便于以后调整，而不是把一段段的css文字复制来，复制去，可以取一些短的名字，

比如user.css  pc.css  icon.css  为了防止命名冲突，里面的样子可以统一加上前辍，比如 pc_item   pc_menu pc_active

 

3. css控制文本超过部分显示省略号的功能，网上的写法很多，有时候遇到一些特殊情况下并不生效，我现总结如下：

首先，包裹文字的必须是块级元素，如果你是用span的，你需要额外加上display: block;

单行的样式： （有时候单行的需要加white-space: nowrap;）

width: 100px;
overflow: hidden;
text-overflow: ellipsis;

多行的样式：

width: 100px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

有时候遇到测试打一连串的aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa的情况，需要加一句word-break: break-all;

 

4. -webkit-overflow-scrolling 属性控制元素在移动设备上是否使用滚动回弹效果.

-webkit-overflow-scrolling:touch;