display:inline-flex的用法
2019-01-29 本文已影响7人
程序员三千_
flex: 将对象作为弹性伸缩盒显示
inline-flex:将对象作为内联块级弹性伸缩盒显示
此时没有为container设置宽度,默认为100%;
![](https://img.haomeiwen.com/i12474664/d6a062bdb41c188d.png)
此时虽然没有给container设置宽度,但是父元素默认会根据子元素的宽去自适应。
![](https://img.haomeiwen.com/i12474664/d3b944419b57a4a8.png)
flex: 将对象作为弹性伸缩盒显示
inline-flex:将对象作为内联块级弹性伸缩盒显示
此时没有为container设置宽度,默认为100%;
此时虽然没有给container设置宽度,但是父元素默认会根据子元素的宽去自适应。