显示:flex意味着灵活的布局
flex最初出现是为了解决什么问题？
首先，页面布局
如此图所示，左右div显示成一行。
您可以使用浮动布局。
Html部分
Css部分
这种布局有两个缺点。
1.你需要一个空div来清除浮动。当然，你也可以选择其他方法来清除浮动，但是你需要在这里清除浮动，以免影响下面的布局。
2.当的宽度。左，。右固定，浏览器宽度变得太窄。右下方会被挤压。
有了display:flex布局，这两个缺点都可以解决。
就吃html部分不变，css部分不变。
元素定义display:flex，子元素的宽度由flex定义，flex:1是一个等分的父子元素。比例相同。
1分2秒
当它也被分成3部分时
flex是所占的比例，这样的布局就方便很多。Flex是比例，所以布局方便很多。
第二，div上下左右居中
我以前写过几种使div上下左右居中的方法。
其中一个写了***rgin:auto auto；；这个方法的前提是将父元素设置为display:flex。
Html部分
Css部分
当div的宽度和高度未知时，这种方法很方便。
这是我在使用flex layout时常用的两个有用的例子。
本文来自墨尔本·晴投稿，不代表舒华文档立场，如若转载，请注明出处：https://www.chinashuhua.cn/24/490294.html
微信扫一扫 
