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;

posted on 2015-08-16 22:42  angelshelter  阅读(116)  评论(0编辑  收藏  举报

导航