OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <script> | |
4 if (window.testRunner) | |
5 testRunner.overridePreference("WebKitCSSGridLayoutEnabled", 1); | |
6 </script> | |
7 <link href="resources/grid.css" rel="stylesheet"> | 3 <link href="resources/grid.css" rel="stylesheet"> |
8 <style> | 4 <style> |
9 .gridAutoContent { | 5 .gridAutoContent { |
10 grid-template-columns: 50px; | 6 grid-template-columns: 50px; |
11 /* grid-template-rows is left unset so that the grid item's row is implicit.
*/ | 7 /* grid-template-rows is left unset so that the grid item's row is implicit.
*/ |
12 } | 8 } |
13 | 9 |
14 .firstRowFirstColumn { | 10 .firstRowFirstColumn { |
15 font: 10px/1 Ahem; | 11 font: 10px/1 Ahem; |
16 /* Make us fit our grid area. */ | 12 /* Make us fit our grid area. */ |
(...skipping 20 matching lines...) Expand all Loading... |
37 </div> | 33 </div> |
38 | 34 |
39 <div style="width: 100px; height: 10px;"> | 35 <div style="width: 100px; height: 10px;"> |
40 <div class="grid gridAutoContent"> | 36 <div class="grid gridAutoContent"> |
41 <div class="firstRowFirstColumn" data-expected-width="50" data-expected-
height="60">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</div> | 37 <div class="firstRowFirstColumn" data-expected-width="50" data-expected-
height="60">XXXXX XXXXX XXXXX XXXXX XXXXX XXXXX</div> |
42 </div> | 38 </div> |
43 </div> | 39 </div> |
44 | 40 |
45 </body> | 41 </body> |
46 </html> | 42 </html> |
OLD | NEW |