contain-size-multicol-003-ref.html (1173B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>CSS Reftest Reference</title> 6 <link rel="author" title="Morgan Rae Reschenberg" href="mailto:mreschenberg@berkeley.edu"> 7 <style> 8 .basic { 9 border: 1em solid green; 10 column-count: 3; 11 } 12 .innerContents { 13 color: transparent; 14 height: 0; 15 width: 0; 16 } 17 .col-width-ref { 18 column-width: 20px; 19 } 20 .col-gap-ref { 21 column-gap: 5px; 22 } 23 .flexBaselineCheck { 24 display: flex; 25 align-items: baseline; 26 } 27 .min { 28 width: min-content; 29 } 30 .max { 31 width: max-content; 32 } 33 </style> 34 </head> 35 <body> 36 <div class="flexBaselineCheck"> 37 outside before 38 <div class="basic" style="max-height:0px"> 39 <div class="innerContents">inner</div> 40 </div> 41 outside after 42 </div> 43 <br> 44 45 <div class="basic min col-width-ref"></div> 46 <br> 47 48 <div class="basic max col-width-ref"></div> 49 <br> 50 51 <div class="basic min col-gap-ref col-width-ref"></div> 52 <br> 53 54 <div class="basic max col-gap-ref col-width-ref"></div> 55 <br> 56 57 <div class="min"> 58 <div class="basic"></div> 59 </div> 60 <br> 61 62 <div class="max"> 63 <div class="basic"></div> 64 </div> 65 </body> 66 </html>