摘要：前言 这是个老掉牙的需求啦，不过仍然有很多人在网上找解决方案，特别是搜索结果排名靠前的那些，都是些只会介绍兼容性不好的使用-webkit-line-clamp的方案。 如果你看到这篇文章，可能代表你正是从那么多千篇一律的文章中跳转过来的，想找更好地方案的。那恭喜你，没有更好的，只有更合不合适的，当然 阅读全文

摘要：等高布局： HTML结构如下： 1.padding补值法 css代码如下: 运行结果如下： 缺点：等高的div没有底边的边框，常用解决方法是使用背景图模仿底部边框或者使用div来模仿底部边框。 2. css代码如下: 运行结果如下： 3.flex弹盒布局法：（简单-推荐） css代码如下： 运行结果 阅读全文

摘要：(基于webkit内核的浏览器)分析 滚动条组成： ::-webkit-scrollbar 滚动条整体部分 ::-webkit-scrollbar-thumb 滚动条里面的小方块，能向上向下移动（或往左往右移动，取决于是垂直滚动条还是水平滚动条） ::-webkit-scrollbar-track 阅读全文

摘要：css兼容问题 兼容问题 1.文字本身的大小不兼容。同样是font-size:14px的宋体文字，在不同浏览器下占的空间是不一样的，ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px。解决方案：给文字设定 line-height 。确保所有文字都有默认的 lin 阅读全文