摘要: 使用场景 sticky:粘性。粘性布局。 在屏幕范围内时,元素不受定位影响(即top、left等设置无效); 当元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。 说明:元素并没有脱离文档流。 1.示例一: <div class="contain 阅读全文
posted @ 2020-08-28 17:41 琼菇凉 阅读(402) 评论(0) 推荐(0) 编辑
摘要: 效果展示: 父级元素:只需要设置justify-content和align-items属性为center即可 <div class="box"> <p class="boxItem"></p> </div> .box{ width: 200px; height: 200px; border: sol 阅读全文
posted @ 2020-08-28 16:20 琼菇凉 阅读(1736) 评论(0) 推荐(0) 编辑
摘要: 一、flex布局最后一行列表左对齐的N种方法 效果展示: 如果每一行列数是固定的 如果每一行列数是固定的,则下面两种方法可以实现最后一行左对齐。 方法一: 也就是我们不使用justify-content:space-between声明在模拟两端对齐效果。中间的gap间隙我们使用margin进行控制。 阅读全文
posted @ 2020-08-28 16:08 琼菇凉 阅读(9194) 评论(0) 推荐(1) 编辑