![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 68
爱放屁的王屁屁
这个作者很懒,什么都没留下…
展开
-
Flex 布局语法教程
一、Flex布局是什么?二、基本概念三、容器的属性网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案—-Flex布局,可以简便、完整、响应式地实现各种页面转载 2015-07-20 13:13:13 · 769 阅读 · 0 评论 -
CSS等高布局
CSS等高布局原理:通过padding补白(即:隐藏容器溢出,正内补丁,负外补丁)实现。事实上这种方式实现的等高布局只是个障眼法,即通过背景颜色的填充,产生视觉上等高的假象而已。原创 2015-07-21 11:42:25 · 755 阅读 · 0 评论 -
Flex 布局教程:实例篇
上一篇文章介绍了Flex布局的语法,今天介绍常见布局的Flex写法。你会看到,不管是什么布局,Flex往往都可以几行命令搞定。我只列出代码,详细的语法解释请查阅《Flex布局教程:语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。一、骰子的布局骰子的一面,最多可以放置9个点。下面,就来看看转载 2015-10-13 16:59:16 · 608 阅读 · 0 评论