flexbox_rowspan-overflow-automatic.html (919B)
1 <!DOCTYPE html> 2 <title>flexbox | flexcontainers in cells with rowspan</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#flex-property"> 5 <link rel="match" href="flexbox_rowspan-ref.html"> 6 <style> 7 table { 8 width: 600px; 9 border-spacing: 0; 10 overflow: hidden; 11 } 12 td { 13 background: blue; 14 padding: 0; 15 width: 300px; 16 overflow: hidden; 17 } 18 div { 19 background: white; 20 width: 300px; 21 height: 8em; 22 23 display: flex; 24 } 25 p { 26 color: white; 27 margin: 1em; 28 width: 200px; 29 } 30 </style> 31 32 <table> 33 <tr> 34 <td rowspan="2"> 35 <div> 36 <p>filler</p> 37 <p>filler</p> 38 <p>filler</p> 39 <p>filler</p> 40 <p>filler</p> 41 </div> 42 </td> 43 <td> 44 <div> 45 <p>filler</p> 46 <p>filler</p> 47 <p>filler</p> 48 <p>filler</p> 49 <p>filler</p> 50 </div> 51 </td> 52 </tr> 53 <tr> 54 <td> 55 <div> 56 <p>filler</p> 57 <p>filler</p> 58 <p>filler</p> 59 <p>filler</p> 60 <p>filler</p> 61 </div> 62 </td> 63 </tr> 64 </table>