![](https://img-blog.csdnimg.cn/2021071419294990.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML
html相关的知识与自己平时的问题汇总
fanny_匚
这个作者很懒,什么都没留下…
展开
-
元素的显示模式和定位的特性
标签的显示模式(display):一 : 标签有三种显示模式 a:block b:inline-block c:inline二 : 三种显示模式的特点:block 1.独自占据一行 2.可以设置宽高 3.如果块级元素没有设置宽高,name就会继承与父盒子的宽inline-block 1.一行占据多个 2.可以设置宽高inline 1.一行占据多个 2.不可以设置宽高 定位的特性原创 2021-07-14 19:18:26 · 256 阅读 · 0 评论 -
Element.scrollIntoView() 方法让当前的元素滚动到浏览器窗口的可视区域
MDN地址问题描述: 页面的最底部有分页器,但是每次点击切换页码,要让页面恢复到最顶端语法element.scrollIntoView(); // 等同于element.scrollIntoView(true) element.scrollIntoView(alignToTop); // Boolean型参数 element.scrollIntoView(scrollIntoViewOptions); // Object型参数参数有两种写法alignToTop : 布尔值类型+true原创 2021-07-14 19:23:21 · 403 阅读 · 0 评论 -
css3 object-fit详解(img标签实现背景图的效果)
上传头像的时候遇到了头像变形的问题,最后通过object-fit: cover完美解决了。这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。object-fit理解CSS3 background-size出现的比较早,大家应该知道其支持的一些值,除了数值之外,其还支持几个关键字,例如:cover, contain等。object-fit也是类似的,但还是有些差异,具体有5个值:.fill { object-fit: fill; }.contain { object-fit: contain原创 2021-07-14 19:22:01 · 619 阅读 · 0 评论