网页css布局,flex弹性盒子,子元素如何控制顺序位置?发布于2017年06月28日 HTML 苏南大叔继续描述flex弹性盒子模型的子元素属性,注意:说明对象以及从容器box,变成了子元素item。一些flex盒子的属性,其实是定义在item身上的。那么,这些属性都有什么呢?是什么控制了flex盒子内部的顺... 阅读更多
网页css布局,flex弹性盒子,容器如何设置对齐方式?发布于2017年06月27日 HTML 在普通的div里面,对齐方式分为水平对齐和竖直对齐。在flex的世界里面,分为主轴对齐和交叉轴对齐。而且主轴不一定水平,交叉轴也不一定垂直。但是两者肯定是90度直角关系,这就是本文的精髓所在。请阅读本文,了解更多f... 阅读更多
网页css布局,flex弹性盒子,容器如何设置方向及折行?发布于2017年06月26日 HTML 本文继续flex的话题,flex弹性盒子模式是非常先进的,可以做到的事情很多。但是事实上,在普通的网页里面也用不到几个属性。但是,出于上升文章高度的目的,苏南大叔继续案例flex的相关属性。本文测试环境:mac,c... 阅读更多
网页css布局,如何理解flex弹性盒模型之主轴概念?发布于2017年06月25日 HTML 在最开始的互联网上的网页构成上,一般都是table的天下。后来的时候,流行的是css+div,鄙视table布局。那么,近些年来,很多前端已经开始大批量使用flex弹性盒模型,来组织页面。那么,在本文中,苏南大叔就... 阅读更多
网页css布局,flex弹性盒子模型的常见使用场景发布于2017年06月24日 HTML 苏南大叔在本文中,说明一下在实际应用中,使用flex弹性盒子模型的最常见的使用场景。flex弹性盒子的应用常见非常多。但是,实际的网页技术里面,大多数都是用不到的。所以,在本文中,苏南大叔就致力于展示最简单常见的几... 阅读更多