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;
- 上一篇 »css定位浮动总结
- 下一篇 »为你总结老生常谈的 --- CSS居中