欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

前端的一些小知识点

程序员文章站 2022-06-23 14:53:07
1. window.top 用来判断当前部分是否在页面的最顶层,比如:判断是否在iframe中,等等; 2.css3中width的属性值增加了。width:fit-content; 随内容的增加而撑开,不会因为单词的分隔自动wrap,还有一些属性值max-content,mini-content,f ......

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