前端的一些小知识点

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

原文链接:https://www.cnblogs.com/danchaofan123/p/11237379.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有