| Index: LayoutTests/css3/flexbox/true-centering.html
|
| diff --git a/LayoutTests/css3/flexbox/true-centering.html b/LayoutTests/css3/flexbox/true-centering.html
|
| index 4ba4ce0e87aa27c2d0385a23190383720a830744..3c1b1c22e4db80a84b3a7fd50081a15e290135eb 100644
|
| --- a/LayoutTests/css3/flexbox/true-centering.html
|
| +++ b/LayoutTests/css3/flexbox/true-centering.html
|
| @@ -4,14 +4,14 @@
|
| .flexbox {
|
| width: 100px;
|
| height: 100px;
|
| - display: -webkit-flex;
|
| + display: flex;
|
| background-color: #aaa;
|
| position: relative;
|
| }
|
| .flexbox > div {
|
| height: 110px;
|
| width: 60px;
|
| - -webkit-flex: none;
|
| + flex: none;
|
| }
|
| .vertical > div {
|
| width: 110px;
|
| @@ -42,49 +42,49 @@
|
| -webkit-writing-mode: vertical-lr;
|
| }
|
| .row-reverse {
|
| - -webkit-flex-flow: row-reverse;
|
| + flex-flow: row-reverse;
|
| }
|
| .column {
|
| - -webkit-flex-flow: column;
|
| + flex-flow: column;
|
| }
|
| .column-reverse {
|
| - -webkit-flex-flow: column-reverse;
|
| + flex-flow: column-reverse;
|
| }
|
| </style>
|
| <script src="../../resources/check-layout.js"></script>
|
| <body onload="checkLayout('.flexbox')">
|
|
|
| -<div class="flexbox" style="-webkit-align-items: center; -webkit-justify-content: center;">
|
| +<div class="flexbox" style="align-items: center; justify-content: center;">
|
| <div data-offset-x="-10" data-offset-y="-5"></div>
|
| <div data-offset-x="50" data-offset-y="-5"></div>
|
| </div>
|
|
|
| -<div class="flexbox row-reverse" style="-webkit-align-items: center; -webkit-justify-content: center;">
|
| +<div class="flexbox row-reverse" style="align-items: center; justify-content: center;">
|
| <div data-offset-x="50" data-offset-y="-5"></div>
|
| <div data-offset-x="-10" data-offset-y="-5"></div>
|
| </div>
|
|
|
| -<div class="flexbox column vertical" style="-webkit-align-items: center; -webkit-justify-content: center;">
|
| +<div class="flexbox column vertical" style="align-items: center; justify-content: center;">
|
| <div data-offset-x="-5" data-offset-y="-10"></div>
|
| <div data-offset-x="-5" data-offset-y="50"></div>
|
| </div>
|
|
|
| -<div class="flexbox column-reverse vertical" style="-webkit-align-items: center; -webkit-justify-content: center;">
|
| +<div class="flexbox column-reverse vertical" style="align-items: center; justify-content: center;">
|
| <div data-offset-x="-5" data-offset-y="50"></div>
|
| <div data-offset-x="-5" data-offset-y="-10"></div>
|
| </div>
|
|
|
| -<div class="flexbox" style="-webkit-align-items: center; -webkit-justify-content: space-around;">
|
| +<div class="flexbox" style="align-items: center; justify-content: space-around;">
|
| <div data-offset-x="-10" data-offset-y="-5"></div>
|
| <div data-offset-x="50" data-offset-y="-5"></div>
|
| </div>
|
|
|
| -<div class="flexbox" style="-webkit-align-items: flex-start; -webkit-justify-content: flex-start;">
|
| +<div class="flexbox" style="align-items: flex-start; justify-content: flex-start;">
|
| <div data-offset-x=0 data-offset-y=0></div>
|
| <div data-offset-x=60 data-offset-y=0></div>
|
| </div>
|
|
|
| -<div class="flexbox" style="-webkit-align-items: flex-start; -webkit-justify-content: space-between;">
|
| +<div class="flexbox" style="align-items: flex-start; justify-content: space-between;">
|
| <div data-offset-x=0 data-offset-y=0></div>
|
| <div data-offset-x=60 data-offset-y=0></div>
|
| </div>
|
| @@ -140,7 +140,7 @@ writingModes.forEach(function(writingMode) {
|
| }
|
|
|
| var container = document.createElement('div');
|
| - container.innerHTML = '<div class="flexbox ' + flexboxClassName + '" style="-webkit-align-items: center; -webkit-justify-content: center;">\n' +
|
| + container.innerHTML = '<div class="flexbox ' + flexboxClassName + '" style="align-items: center; justify-content: center;">\n' +
|
| '<div ' + firstChildExpected + '></div>\n' +
|
| '<div ' + lastChildExpected + '></div>\n' +
|
| '</div>';
|
|
|
Chromium Code Reviews
