css
小张不蔡
把知识倒进脑袋里
展开
-
用css实现进度条效果&&解决父元素的透明度影响子元素的问题
R:红色值。正整数 | 百分数G:绿色值。正整数 | 百分数B:蓝色值。正整数 | 百分数A:Alpha透明度。取值0~1之间。取值为从 0.0 (完全透明)到 1.0(完全不透明)原创 2023-07-08 13:53:54 · 240 阅读 · 0 评论 -
css 子元素设置margin-top父元素会跟着移动(塌陷)
边距重叠:一个盒子和其子孙的边距重叠。根据规范,一个盒子如果没有上补白和上边框,那么它的上边距应该和其文档流中的第一个孩子元素的上边距重叠。3、为父元素设置 overflow: hidden。4、父级或子元素使用浮动或者绝对定位absolute。首先我们要搞清楚为什么父元素为什么回跟着移动。1、为父元素设置padding。2、为父元素设置border。转载 2023-07-08 14:07:08 · 310 阅读 · 0 评论 -
flex布局 一行显示三个 显示多行
【代码】flex布局 一行显示三个 显示多行。原创 2023-07-08 14:14:42 · 2182 阅读 · 0 评论 -
解决使用绝对定位absolute后,margin:0 auto居中方法失效
在浏览器中div如果没有设置宽度,那么宽度自动为浏览器的宽度,这是给div设置宽度后,div会靠左显示,margin:0 atuo就是为了填充右侧的空白空间。但是<img>当不设置宽度时,不会块级元素一样宽度默认和浏览器相同,所以不能用margin:0 auto来居中,因为img是行内的块级元素。margin:0 auto的理解是,上下边距为0,左右边距为auto(auto是自动调整大小)当给一个块级元素设置宽度后,使用margin:0 atuo可以实现水平上的居中。需求:需要把圆形头像居中显示。转载 2023-07-08 14:29:37 · 275 阅读 · 0 评论