Bug 831354, test fix 5: Make flexbox-align-self-vert-rtl-1.xhtml wrap some text in a 100px-wide inline block, so that our different centering algorithms will be able to center it consistently. r=dbaron

This commit is contained in:
Daniel Holbert 2013-01-17 13:14:23 -08:00
parent 2e7f5d0e84
commit 6f4b485097
2 changed files with 24 additions and 2 deletions

View File

@ -70,6 +70,10 @@
float: left;
width: -moz-max-content;
}
.hack {
display: inline-block;
width: 100px;
}
</style>
</head>
<body>
@ -85,7 +89,14 @@
<div class="stretch">stretch</div>
<div class="stretch big">a b c d e f</div>
<div class="auto">auto</div>
<div class="unspecified">unspec</div>
<!-- This particular text ("unspec") appears to trigger a slight
difference in behavior between the testcase's & reference case's
centering techniques - the "s" ends up being shifted by ~1px.
(Probably because the length of the text is a fractional amount of
pixels, or something like that.) To hack around that, we add a
fixed-width wrapper-div - we should be able to center _that_
consistently. -->
<div class="unspecified"><div class="hack">unspec</div></div>
<div class="initial">initial</div>
<div class="inherit">inherit</div>
<!-- Since that last div is floated right, the container doesn't include

View File

@ -68,6 +68,10 @@
background: violet;
align-self: inherit;
}
.hack {
display: inline-block;
width: 100px;
}
</style>
</head>
<body>
@ -83,7 +87,14 @@
<div class="stretch">stretch</div>
<div class="stretch big">a b c d e f</div>
<div class="auto">auto</div>
<div class="unspecified">unspec</div>
<!-- This particular text ("unspec") appears to trigger a slight
difference in behavior between the testcase's & reference case's
centering techniques - the "s" ends up being shifted by ~1px.
(Probably because the length of the text is a fractional amount of
pixels, or something like that.) To hack around that, we add a
fixed-width wrapper-div - we should be able to center _that_
consistently. -->
<div class="unspecified"><div class="hack">unspec</div></div>
<div class="initial">initial</div>
<div class="inherit">inherit</div>
</div>