摘要：
慕课网5-2编程练习：flex布局制作卡片布局案例 小伙伴们，学习了卡片布局，接下来我们根据效果图，也写出一个卡片布局的页面吧! 效果图如下： 任务 1、主体内容的卡片一行只能显示两个。 2、卡片与卡片之间的距离相等，行与行之间的距离也相等。 3、卡片的主体内容居中显示。 4、当鼠标放在按钮上时，按 阅读全文
posted @ 2019-06-05 16:34
请叫我二狗哥
阅读(753)
评论(0)
推荐(0)
摘要：
2-5编程练习 我们刚学习了通过媒体查询进行响应式布局，接下来我们来实现图片在显示器大小变化时，布局由4列变3列变2列变1列的响应式效果吧。 要求： (1)显示器宽度大于960px时，图片呈一行4列布局; (2)宽度小于960px大于780px时，呈一行3列布局; (3)宽度小于780px大于440 阅读全文
posted @ 2019-06-05 16:28
请叫我二狗哥
阅读(977)
评论(0)
推荐(0)
摘要：
在flex弹性盒模型中align-content属性控制容器内多行在交叉轴上的排列方式 默认值：stretch 可用值： 属性值：flex-start 属性值：flex-end 属性值：center 属性值：stretch (默认值) 属性值：space-between 属性值：space-arou 阅读全文
posted @ 2019-06-05 13:28
请叫我二狗哥
阅读(571)
评论(0)
推荐(0)
浙公网安备 33010602011771号