| Index: LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html
|
| diff --git a/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html b/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html
|
| index 6f88ef23a24147e96dd4710b329086ebbf266a80..34aa49e54ac851ba70a84dda00bc02007ac5dc9a 100644
|
| --- a/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html
|
| +++ b/LayoutTests/css3/flexbox/multiline-reverse-wrap-baseline.html
|
| @@ -3,11 +3,11 @@
|
| <style>
|
| .flexbox {
|
| width: 200px;
|
| - display: -webkit-flex;
|
| + display: flex;
|
| background-color: #aaa;
|
| position: relative;
|
| - -webkit-flex-wrap: wrap-reverse;
|
| - -webkit-align-items: baseline;
|
| + flex-wrap: wrap-reverse;
|
| + align-items: baseline;
|
| margin-bottom: 10px;
|
| }
|
| .flexbox > div {
|
| @@ -32,23 +32,23 @@
|
| with baseline alignment are aligned to cross axis start.</p>
|
|
|
| <div class="flexbox">
|
| - <div style="-webkit-flex: 1 0 100px;">first<br>first<br>first</div>
|
| - <div style="-webkit-flex: 1 0 100px;">second</div>
|
| - <div style="-webkit-flex: 1 0 100px; margin-top: 5px">third</div>
|
| - <div style="-webkit-flex: 1 0 100px;">fourth<br>fourth</div>
|
| + <div style="flex: 1 0 100px;">first<br>first<br>first</div>
|
| + <div style="flex: 1 0 100px;">second</div>
|
| + <div style="flex: 1 0 100px; margin-top: 5px">third</div>
|
| + <div style="flex: 1 0 100px;">fourth<br>fourth</div>
|
| </div>
|
|
|
| <div class="flexbox">
|
| - <div style="-webkit-flex: 1 0 100px;">first<br>first<br>first</div>
|
| - <div style="-webkit-flex: 1 0 100px;">second</div>
|
| - <div style="-webkit-flex: 1 0 100px;">third</div>
|
| - <div style="-webkit-flex: 1 0 100px; margin-bottom: 5px">fourth<br>fourth</div>
|
| + <div style="flex: 1 0 100px;">first<br>first<br>first</div>
|
| + <div style="flex: 1 0 100px;">second</div>
|
| + <div style="flex: 1 0 100px;">third</div>
|
| + <div style="flex: 1 0 100px; margin-bottom: 5px">fourth<br>fourth</div>
|
| </div>
|
|
|
| <div class="flexbox" style="width: 300px;">
|
| - <div style="-webkit-flex: 1 0 100px; -webkit-align-self: flex-start; height: 100px">first</div>
|
| - <div style="-webkit-flex: 1 0 100px;">second</div>
|
| - <div style="-webkit-flex: 1 0 100px;">third<br>third</div>
|
| + <div style="flex: 1 0 100px; align-self: flex-start; height: 100px">first</div>
|
| + <div style="flex: 1 0 100px;">second</div>
|
| + <div style="flex: 1 0 100px;">third<br>third</div>
|
| </div>
|
|
|
| </body>
|
|
|