width-special-values-cell-fixed-ref.html (2221B)
1 <!DOCTYPE html> 2 <html lang="en-US"> 3 <head> 4 <title>max-content, min-content, -moz-fit-content, and -moz-available values of CSS width property, on table cells with table-layout: fixed</title> 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 6 <meta http-equiv="Content-Style-Type" content="text/css"> 7 <style type="text/css"> 8 9 body { font-size: 10px; line-height: 1; } 10 11 td table { width: 200px; } 12 td td:first-child { 13 border-left: 1px solid; 14 padding-left: 2px; 15 padding-right: 4px; 16 border-right: 8px solid; 17 18 background: yellow; 19 } 20 21 </style> 22 </head> 23 <body> 24 25 <table border><tr> 26 <td> 27 <!-- width --> 28 <table border><tr><td width="1">A B</td><td></td></tr></table> 29 <table border><tr><td width="1">A B</td><td></td></tr></table> 30 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 31 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 32 33 </td> 34 <td> 35 <!-- min-width --> 36 37 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 38 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 39 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 40 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 41 42 <table border><tr><td width="1">A B</td><td></td></tr></table> 43 <table border><tr><td width="1">A B</td><td></td></tr></table> 44 <table border><tr><td width="1">A B</td><td></td></tr></table> 45 <table border><tr><td width="1"><div style="width: 1px">A B</div></td><td></td></tr></table> 46 47 </td> 48 <td> 49 <!-- max-width --> 50 51 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 52 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 53 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 54 <table border><tr><td width="50%">A B</td><td width="50%"></td></tr></table> 55 56 <table border><tr><td width="1">A B</td><td></td></tr></table> 57 <table border><tr><td width="1">A B</td><td></td></tr></table> 58 <table border><tr><td width="1">A B</td><td></td></tr></table> 59 <table border><tr><td width="150">A B</td><td></td></tr></table> 60 61 </td> 62 </tr></table> 63 64 65 </body> 66 </html>