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:
Brad Werth 2016-10-10 13:10:59 -07:00
Родитель 0f66969dcb
Коммит 14983768db
2 изменённых файлов: 23 добавлений и 3 удалений

Просмотреть файл

@ -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>