flexbox-table-fixup-001-ref.xhtml (1250B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <!-- Reference case for ensuring table-fixup does not happen to adjacent 7 table parts directly inside of a flex container. --> 8 <html xmlns="http://www.w3.org/1999/xhtml"> 9 <head> 10 <title>CSS Reftest Reference</title> 11 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> 12 <style> 13 div.flexbox { 14 border: 1px dashed blue; 15 width: 200px; 16 display: flex; 17 justify-content: space-around; 18 } 19 20 .a { 21 background: lightgreen; 22 width: 48px; 23 } 24 25 .b { 26 background: yellow; 27 width: 48px; 28 } 29 30 .c { 31 background: pink; 32 width: 48px; 33 } 34 </style> 35 </head> 36 <body> 37 <!-- In each example here, we simply use blocks instead of table parts --> 38 <div class="flexbox" 39 ><div class="a">cell1</div><div class="b">cell2</div 40 ></div> 41 42 <div class="flexbox" 43 ><div class="a">cell1</div><div class="b">t</div 44 ></div> 45 46 <div class="flexbox" 47 ><div></div 48 ><div class="b">cell1</div 49 ></div> 50 </body> 51 </html>