flex布局设置间距 flex怎么设置自动换行的布局？

2021-03-10

1451

flex怎么设置自动换行的布局？如何实现左右定宽，中间自适应宽度的css布局？下面是一个简单的介绍供您参考；其原理是使用绝对定位来分别定位左右两侧的div。中间div使用margin属性保留左、右di

flex怎么设置自动换行的布局？

下面是一个简单的介绍供您参考；

其原理是使用绝对定位来分别定位左右两侧的div。中间div使用margin属性保留左、右div的宽度，并将中间div的宽度设置为100%。代码如图所示

外层用div包装，设置属性display:Flex，里面的子元素用属性设置弹性：1，请参见下图中的代码

float layout将左div和右div分别浮动到左侧和右侧，并使用中间的margin属性保留左右两边的宽度。这与绝对定位布局类似，代码如下图所示