зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1221565 Part 9: flexbox-align-self-vert-rtl-001 reftest updated. r=dholbert
MozReview-Commit-ID: 378WLwNg25J --HG-- extra : rebase_source : 6ed8f65b292afc5e8aa6448b2d9e904509a24aa6
This commit is contained in:
Родитель
0f66969dcb
Коммит
14983768db
|
@ -66,6 +66,14 @@
|
||||||
background: violet;
|
background: violet;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
.left {
|
||||||
|
background: tan;
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
background: brown;
|
||||||
|
float: right;
|
||||||
|
}
|
||||||
|
|
||||||
<!-- We center shrinkwrapped text by putting it into an inline-block, and
|
<!-- We center shrinkwrapped text by putting it into an inline-block, and
|
||||||
then wrapping that inline-block in a helper-div that has
|
then wrapping that inline-block in a helper-div that has
|
||||||
|
@ -103,10 +111,12 @@
|
||||||
<div class="initial">initial</div>
|
<div class="initial">initial</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="inherit">inherit</div>
|
<div class="inherit">inherit</div>
|
||||||
<!-- Since that last div is floated right, the container doesn't include
|
<div class="left">left</div>
|
||||||
its height by default. So we add some invisible hacky text (of the
|
<div class="right">right</div>
|
||||||
|
<!-- Since the last three divs are floated, the container doesn't include
|
||||||
|
their heights by default. So we add some invisible hacky text (of the
|
||||||
same font) to make sure our container is tall enough. -->
|
same font) to make sure our container is tall enough. -->
|
||||||
<span style="visibility:hidden">hacky text</span>
|
<span style="visibility:hidden">hacky text<br/>(line 2)<br/>(line 3)</span>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -72,6 +72,14 @@
|
||||||
background: violet;
|
background: violet;
|
||||||
align-self: inherit;
|
align-self: inherit;
|
||||||
}
|
}
|
||||||
|
.left {
|
||||||
|
background: tan;
|
||||||
|
align-self: left;
|
||||||
|
}
|
||||||
|
.right {
|
||||||
|
background: brown;
|
||||||
|
align-self: right;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
|
@ -90,6 +98,8 @@
|
||||||
<div class="unspecified">unspec</div>
|
<div class="unspecified">unspec</div>
|
||||||
<div class="initial">initial</div>
|
<div class="initial">initial</div>
|
||||||
<div class="inherit">inherit</div>
|
<div class="inherit">inherit</div>
|
||||||
|
<div class="left">left</div>
|
||||||
|
<div class="right">right</div>
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
Загрузка…
Ссылка в новой задаче