weixin_44971718的博客

原创 css布局：弹性盒子

弹性盒子（父元素为容器，子元素为项目）：块级弹性盒子.box{ display:flex;}行级弹性盒子（相当于行内块）.box{ display:inline-flex;}注意事项：1、弹性容器外及弹性子元素内是正常渲染的，弹性盒子只定义了弹性子元素如何在弹性容器内布局。2、当父元素设置为弹性盒子（flex）之后，子元素（项目）的float、clear、vertical-align会失效，父元素（容器）的column失效。容器属性：1、flex-direct