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 · 166 阅读 · 0 评论 -
Flex布局
今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看Flex如何实现,从1个点到9个点的布局。你可以到codepen查看Demo。如果不加说明,本节...转载 2018-04-20 19:11:47 · 308 阅读 · 0 评论