![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
Yoson_He
这个作者很懒,什么都没留下…
展开
-
CSS设置水平垂直居中
<div style="width: 100%; height:100%;position: fixed;display:flex;justify-content: center;align-items: center;border:1px solid darkgray;"> <div style="width: 300px; height: 250px;border:1...原创 2018-04-16 16:05:36 · 159 阅读 · 0 评论 -
Flex布局
今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明,本节...转载 2018-04-20 19:11:47 · 290 阅读 · 0 评论