vertical-table-specified-width-1-ref.html (681B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset=utf-8> 5 <style> 6 html { overflow: hidden; } 7 table { border-spacing: 0; } 8 td { padding: 0; } 9 .r1 { width: 80px; background: #800; } 10 .r2 { width: 130px; background: #080; } 11 .r3 { width: 50px; background: #008; } 12 .c1 { height: 20px; } 13 .c2 { height: 30px; } 14 .c3 { height: 40px; } 15 .c4 { height: 50px; } 16 </style> 17 </head> 18 <body> 19 20 <table> 21 <tr> 22 <td class="r1 c1" colspan=2></td> 23 <td class="r3 c1"></td> 24 </tr> 25 <tr> 26 <td class="r1 c2"></td> 27 <td class="r2 c2"></td> 28 <td class="r3 c2"></td> 29 </tr> 30 <tr> 31 <td class="r1 c3" colspan=3></td> 32 </tr> 33 <tr> 34 <td class="r1 c4"></td> 35 <td class="r2 c4" colspan=2></td> 36 </tr> 37 </table> 38 39 </body> 40 </html>