前端的一些小知识点

1. window.top  用来判断当前部分是否在页面的最顶层，比如：判断是否在iframe中，等等；

2.css3中width的属性值增加了。width：fit-content； 随内容的增加而撑开，不会因为单词的分隔自动wrap，还有一些属性值max-content，mini-content，fill-avaliable  intrinsic sizing（内部尺寸）和extrinsic sizing（外部尺寸）；

3. background-origin:border-box/padding-box/content-box 背景图片的起点
    background-size:像素/百分比/cover/contain
4.由以上3想到：box-sizing:border-box/content-box/inherit; 默认值是content-box;

5：控制文本显示几行：
　　text-overflow: ellipsis !important
　　display: -webkit-box !important   老版的display:flex
　　-webkit-line-clamp: 3 !important   控制文本显示几行
　　-moz-box-orient vertical !important  伸缩盒对象的子元素的的排列方式
　　overflow: hidden !important