forked from mirrors/gecko-dev
2d3b372894
Automatic update from web-platform-tests [baselines] Support baseline groups within flex layout. Previously the flex layout code only supported one alignment baseline. However there are potentially two baseline "groups" which we need to support. (This occurs with vertical writing-modes in particular). This updates the flex logic to support two baseline groups. Change-Id: I4c441436f691de162069ce78baf22bff0f5f647c Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3884540 Reviewed-by: David Grogan <dgrogan@chromium.org> Commit-Queue: Ian Kilpatrick <ikilpatrick@chromium.org> Cr-Commit-Position: refs/heads/main@{#1046377} -- wpt-commits: e19fd3d174d2adbb228daf7718f5e57d8ae32ce6 wpt-pr: 35869
34 lines
612 B
HTML
34 lines
612 B
HTML
<!DOCTYPE html>
|
|
<style>
|
|
#target {
|
|
writing-mode: vertical-rl;
|
|
display: grid;
|
|
grid-template-columns: 200px;
|
|
justify-items: baseline;
|
|
inline-size: 200px;
|
|
border: solid 3px;
|
|
}
|
|
#target > div {
|
|
margin: 5px 7px 9px 11px;
|
|
}
|
|
#target > :nth-child(1) {
|
|
background: lime;
|
|
font-size: 30px;
|
|
writing-mode: horizontal-tb;
|
|
}
|
|
#target > :nth-child(2) {
|
|
background: hotpink;
|
|
font-size: 20px;
|
|
writing-mode: horizontal-tb;
|
|
}
|
|
#target > :nth-child(3) {
|
|
background: cyan;
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
</style>
|
|
<div id="target">
|
|
<div>line1<br>line2</div>
|
|
<div>line1<br>line2</div>
|
|
<div></div>
|
|
</div>
|