justify-content_space-between-002.html (907B)
1 <!DOCTYPE html> 2 <title>CSS Flexbox: justify-content: space-between on the last item of a column</title> 3 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#flex-containers"> 4 <link rel="help" href="https://drafts.csswg.org/css-flexbox/#justify-content-property"> 5 <link rel="bookmark" href="https://crbug.com/690024"> 6 <meta name="assert" content="This test checks when processing the last item on a column we should not add justify-content space to the row height."> 7 <style> 8 .flexbox { 9 display: flex; 10 flex-direction: column; 11 justify-content: space-between; 12 min-height: 500px; 13 } 14 </style> 15 <script src="/resources/testharness.js"></script> 16 <script src="/resources/testharnessreport.js"></script> 17 <script src="/resources/check-layout-th.js"></script> 18 <body onload="checkLayout('.flexbox')"> 19 <div class="flexbox" data-expected-height="500"> 20 <div>First item</div> 21 <div>Second item</div> 22 </div>