OLD | NEW |
1 <style> | 1 <style> |
2 .container { | 2 .container { |
3 width: 2000000px; | 3 width: 2000000px; |
4 } | 4 } |
5 .child { | 5 .child { |
6 display:inline-block; | 6 display:inline-block; |
7 background-color: orange; | 7 background-color: orange; |
8 height: 10px; | 8 height: 10px; |
9 } | 9 } |
10 td { | 10 td { |
(...skipping 10 matching lines...) Expand all Loading... |
21 See the related FIXME in TableLayoutAlgorithm.h. | 21 See the related FIXME in TableLayoutAlgorithm.h. |
22 --> | 22 --> |
23 <div class="container"> | 23 <div class="container"> |
24 <div style="display:inline-block; border: 5px solid salmon;" data-expected-w
idth=2000000> | 24 <div style="display:inline-block; border: 5px solid salmon;" data-expected-w
idth=2000000> |
25 <table style="width:100%; background-color:green; table-layout:fixed"><t
r><td>Content</td></tr></table> | 25 <table style="width:100%; background-color:green; table-layout:fixed"><t
r><td>Content</td></tr></table> |
26 </div> | 26 </div> |
27 </div> | 27 </div> |
28 | 28 |
29 <div class="container"> | 29 <div class="container"> |
30 <!-- The 1 px extra is from the align=right td. --> | 30 <!-- The 1 px extra is from the align=right td. --> |
31 <table data-expected-width=20001> | 31 <table data-expected-width=20000> |
32 <td align=right></td> | 32 <td align=right></td> |
33 <td width="100%"> | 33 <td width="100%"> |
34 <div class="child" style="width: 10000px"></div><div class="child" s
tyle="width: 10000px"></div> | 34 <div class="child" style="width: 10000px"></div><div class="child" s
tyle="width: 10000px"></div> |
35 </td> | 35 </td> |
36 </table> | 36 </table> |
37 </div> | 37 </div> |
38 | 38 |
39 <div class="container"> | 39 <div class="container"> |
40 <!-- The 1 px extra is from the align=right td. --> | 40 <!-- The 1 px extra is from the align=right td. --> |
41 <table data-expected-width=1000001> | 41 <table data-expected-width=1000000> |
42 <td align=right></td> | 42 <td align=right></td> |
43 <td width="100%"> | 43 <td width="100%"> |
44 <div class="child" style="width: 500000px"></div><div class="child"
style="width: 500000px"></div> | 44 <div class="child" style="width: 500000px"></div><div class="child"
style="width: 500000px"></div> |
45 </td> | 45 </td> |
46 </table> | 46 </table> |
47 </div> | 47 </div> |
48 | 48 |
49 <div class="container"> | 49 <div class="container"> |
50 <!-- The 1 px extra is from the align=right td. --> | 50 <!-- The 1 px extra is from the align=right td. --> |
51 <table data-expected-width=1500001> | 51 <table data-expected-width=1500000> |
52 <td align=right></td> | 52 <td align=right></td> |
53 <td width="100%"> | 53 <td width="100%"> |
54 <div class="child" style="width: 500000px"></div><div class="child"
style="width: 500000px"></div><div class="child" style="width: 500000px"></div> | 54 <div class="child" style="width: 500000px"></div><div class="child"
style="width: 500000px"></div><div class="child" style="width: 500000px"></div> |
55 </td> | 55 </td> |
56 </table> | 56 </table> |
57 </div> | 57 </div> |
58 | 58 |
59 <script src="../../resources/check-layout.js"></script> | 59 <script src="../../resources/check-layout.js"></script> |
60 <script> | 60 <script> |
61 checkLayout('.container'); | 61 checkLayout('.container'); |
62 </script> | 62 </script> |
OLD | NEW |