- 博客(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关注的人