table-as-item-percent-width-cell-001-ref.html (813B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>Flexbox Reference: display:table flex items with percent-width cells and content keywords for used flex-basis</title> 4 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 5 <style> 6 .container { 7 display: block; 8 width: 200px; 9 border: 1px solid black; 10 } 11 table { width: min-content; } 12 td { 13 background-color: cyan; 14 width: 100%; 15 border: 1px solid gray; 16 } 17 18 </style> 19 <body> 20 <div class="container"> 21 <table><tr><td>1</td><td>2</td></tr></table> 22 </div> 23 <div class="container"> 24 <table><tr><td>1</td><td>2</td></tr></table> 25 </div> 26 <div class="container"> 27 <table><tr><td>1</td><td>2</td></tr></table> 28 </div> 29 <div class="container"> 30 <table><tr><td>1</td><td>2</td></tr></table> 31 </div> 32 </body>