align-content_stretch-ref.html (743B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Flexible Box Test: align-content_stretch</title> 5 <link rel="stylesheet" href="../support/test-style.css"> 6 <style> 7 #test { 8 height: 210px; 9 width: 80px; 10 } 11 #spacerone { 12 width: 50px; 13 height: 20px; 14 } 15 #spacertwo { 16 width: 50px; 17 height: 20px; 18 } 19 </style> 20 </head> 21 <body> 22 <p>Test passes if:<br> 23 1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.<br> 24 2. No gap between the top of red rectangle and the top of rectangle 1, and rectangle 1 , 2, 3 are distributed so that the empty space in the column between 1 , 2 , 3 is the same. 25 <div id=test><div id=test01>1</div><div id=spacerone></div><div id=test02>2</div><div id=spacertwo></div><div id=test03>3</div></div> 26 </body> 27 </html>