<label id="p3pwf"></label>
<li id="p3pwf"><meter id="p3pwf"></meter></li>
    \n  \n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n    \n      \n    <\/div>\n  <\/div>\n<\/body>\n<\/html><\/pre>

    \"How<\/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>Set

    height: 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  
  1. <rt id="czakp"><optgroup id="czakp"></optgroup></rt>

    <li id="czakp"><meter id="czakp"></meter></li>