![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
清淡的咸菜
这个作者很懒,什么都没留下…
展开
-
Flex布局(实例篇)
Flex布局 我们可以看到,不管是什么布局,Flex往往都可以几行命令搞定。 一、骰子的布局 骰子的一面,最多可以放置9个点。 下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。 <div class="box"> <span class="item"></span> </div> 上面代码中,div元素(代表骰子的一个面)是Flex容器,span元素(代表一个点)是Flex项目。如果有多个项目,就要添加多转载 2020-08-07 11:02:57 · 342 阅读 · 0 评论 -
Flex 布局(语法篇)
一、Flex 布局是什么? Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ display: inline-flex; } Webkit 内核的浏览器,必须加上-webkit前缀。 .box{ display: -webkit-flex; /* Safari */ display: flex; }转载 2020-08-06 11:33:16 · 136 阅读 · 0 评论