前端的一些小知识点
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