总宽度超过了 flex 容器的宽度 , 也不进行换行 ;
如果 flex 项目 的总长度 超出了 flex 容器的宽度 , 出现装不开的情况 , 就会自动缩小 flex 项目的宽度 , flex 项目宽度会变小...;
假如我们 不想要上述效果 , 因为 flex 项目如果被缩小 , 就出现了不可控因素 , 不利于精准布局 ;
如果 想要让 flex 弹性布局 中的 子元素像 浮动布局 那样 , 超出的元素自动排列到第二行...;
2、flex-wrap 样式取值说明
flex-wrap 样式取值说明 :
nowrap , 默认值 , 不进行换行 , 可以不设置 ;
wrap , 设置后 , 就会像 浮动布局 那样 , 子元素宽度超过父容器宽度..., 就会自动换行 ;
二、代码示例
----
1、代码示例 : 默认情况下 flex 弹性布局子元素不会自动换行
在下面的代码中 , 设置了 flex 容器宽度为 300 像素 , flex 项目宽度为...>
展示效果 : 如果设置 4 个元素 , 则每个 flex 项目 子元素不足 100 像素 , flex 项目 的宽度 会被自动缩小 ;
2、代码示例 : 自动换行
在下面的代码中 , 设置了 flex