flexbox_rowspan-overflow.html (907B)
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 table-layout: fixed; 10 border-spacing: 0; 11 } 12 td { 13 background: blue; 14 padding: 0; 15 overflow: hidden; 16 } 17 div { 18 background: white; 19 width: 300px; 20 height: 8em; 21 22 display: flex; 23 } 24 p { 25 color: white; 26 margin: 1em; 27 width: 200px; 28 } 29 </style> 30 31 <table> 32 <tr> 33 <td rowspan="2"> 34 <div> 35 <p>filler</p> 36 <p>filler</p> 37 <p>filler</p> 38 <p>filler</p> 39 <p>filler</p> 40 </div> 41 </td> 42 <td> 43 <div> 44 <p>filler</p> 45 <p>filler</p> 46 <p>filler</p> 47 <p>filler</p> 48 <p>filler</p> 49 </div> 50 </td> 51 </tr> 52 <tr> 53 <td> 54 <div> 55 <p>filler</p> 56 <p>filler</p> 57 <p>filler</p> 58 <p>filler</p> 59 <p>filler</p> 60 </div> 61 </td> 62 </tr> 63 </table>