![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML、CSS
Dwyane、
这个作者很懒,什么都没留下…
展开
-
CSS自定义滚动条样式
效果图1:第一个 CSS:.list { max-height: 300px; overflow-y: auto; &::-webkit-scrollbar { /*滚动条整体样式*/ width : 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px; } &::-webkit-scrollbar-thumb { /*滚动条里面小方块*/原创 2021-02-24 15:18:39 · 345 阅读 · 0 评论 -
Flex 弹性盒子布局(容器、项目)
一:简介Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。采用 Flex 布局的元素,称为 Flex 容器(flex container),简称"容器"。它的所有子元素自动成为容器成员,称为 Flex 项目(flex item),简称"项目"。二:容器的属性1.flex-direction 属性决定主轴的方向(即项目的排列方向) row(默认值):主轴为水平方向,起点在左端。 .原创 2020-06-15 01:20:54 · 741 阅读 · 0 评论 -
display:inline-block间隙产生的原因以及解决方案
display:inline-block是让元素在一行显示,但是这些元素在html里面是上下行排列的,所以中间有换行符,于是并排显示就有了换行符带来的空隙。解决方案:1.将html标签要display:inline-block 的元素写在一行。缺点:代码可读性差。<style> .spa{ display: inline-block; width: 100px; height: 100px; background-colo原创 2020-06-15 10:27:33 · 690 阅读 · 0 评论