自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 弹性布局(自适应布局)

一般情况下,如果垂轴是纵向的,那么flex-wrap:wrap表示弹性元素可换行,且换行方向是从上到下,flex-wrap:wrap-reverse表示弹性元素的换行方向是从下往上。2、弹性布局有两个重要的概念:弹性容器和弹性元素,触发了FFC的元素称为弹性容器,也就是display属性值为flex或者inline-flex的元素,而元素的子元素称为弹性元素。把每一行中的第一个弹性元素放在主轴的起边,最后一个元素放在轴的终边,然后将主轴上的剩余空间平均分配在余下的每一相邻的弹性元素之间。

2023-09-05 00:08:23 333

原创 详解CSS外边距折叠问题

当父元素的padding-top和border-top属性值为0时,就会导致父元素的上外边距与其第一个子元素的上外边距直接接触,从而导致两个外边距的折叠,效果上就像是子元素的上外边距被挤到父元素之外;同理,当父元素的padding-bottom和border-bottom属性值为0时,就会导致父元素的下外边距与其最后一个子元素的下外边距直接接触,从而导致外边距折叠。

2023-09-03 23:40:04 284

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除