<\/p>
flex<\/code> Flexible layout to achieve waterfall flow<\/strong><\/h3>##flex To implement waterfall flow, you need to set the outermost element to <\/code>display: flex, use elastic layout <\/code><\/p>flex-flow:column wrap to arrange it vertically and Line wrap<\/code><\/p>Setheight: 100vh The height to fill the screen, or it can be set to the height in units of <\/code>px to accommodate child elements. <\/code><\/p>The width of each column can be set with the calc function, that is, <\/code>width: calc(100%\/3 - 20px). Divide it into equal-width <\/code>3 columns and subtract the <\/code>margin distance twice on the left and right. <\/code><\/p>\n\n \n \n \n