flexbox_visibility-collapse-line-wrapping.html (685B)
1 <!DOCTYPE html> 2 <title>flexbox | visibility: collapse and line wrapping</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <link rel="help" 5 href="http://www.w3.org/TR/css-flexbox-1/#visibility-collapse"> 6 <link rel="match" href="flexbox_visibility-collapse-line-wrapping-ref.html"> 7 <style> 8 body { 9 margin: 0; 10 width: 602px; 11 } 12 div { 13 background: #3366cc; 14 border: 1px solid black; 15 display: flex; 16 flex-wrap: wrap; 17 } 18 p { 19 background: #ffcc00; 20 margin: 1em 0; 21 width: 300px; 22 } 23 .test { 24 background: red; 25 visibility: collapse; 26 } 27 </style> 28 29 <div> 30 <p>filler</p> 31 <p>filler</p> 32 <p class="test">FAIL</p> 33 <p class="test">FAIL</p> 34 <p>filler</p> 35 <p>filler</p> 36 </div>