前端样式总结

bfc 两个div margin上下重叠问题

使用 flex布局可以避开这种事情，或者使用padding 别用margin

w3c标准盒子模型 与ie盒子模型

w3c:box-sizing: content-box;
ie：box-sizing: border-box; //一般使用这个 切出来的ui好看 border上表现的最为明显

实现两行 超出部分…显示 只对webkit内核浏览器有效

纯css

line-height:37rpx;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:block-axis;

js

{{item.name.length>20?item.name.slice(0,20)+'...':item.name}}