设置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/
转载文章受原作者版权保护。转载请注明原作者出处!