flex布局

设置flex-direction值为row,然后设置flex-wrap值为wrap,此时,如果子元素总长超出容器长度,那么,子元素超出部分将会换行显示。可以看出,flex-direction和flex-wrap两设置项经常组合出现,所以,在flex中提供flex-flow用以简写这两项。

2.3 flex-flow

flex-direction和flex-wrap的简写形式。
书写形式:”flex-flow: flex-direction的值 flex-wrap的值”
例如,flex-flow:row wrap; 与flex-direction:row;flex-wrap:wrap;组合等同。

Original: https://www.cnblogs.com/chenhuabin/p/14655789.html
Author: 奥辰
Title: flex布局

原创文章受到原创版权保护。转载请注明出处:https://www.johngo689.com/712554/

转载文章受原作者版权保护。转载请注明原作者出处!

(0)

大家都在看

亲爱的 Coder【最近整理,可免费获取】👉 最新必读书单  | 👏 面试题下载  | 🌎 免费的AI知识星球