mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-13 20:14:57 -10:00
Carlos Alberto Lopez Perez
6710c91617
Automatic update from web-platform-tests css-flexbox: convert 7 manual-tests to ref-tests (#23170) * This converts the css-flexbox align-content_*.html tests and flexbox-order-only-flexitems.html test to ref-tests. * css-flexbox/align-content_space-around.html change height to 210: that way the numbers of the ref-test spacer become 20 and 10 and are perfectly round avoiding possible problems with subpixel layout. -- wpt-commits: b3cc52b6cfaa5b6852bf9b07e62d007ab142ffa9 wpt-pr: 23170
24 lines
773 B
HTML
24 lines
773 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>CSS Flexible Box Test: align-content_space-between</title>
|
|
<link rel="stylesheet" href="../support/test-style.css">
|
|
<style>
|
|
#test {
|
|
height: 200px;
|
|
width: 80px;
|
|
}
|
|
#spacer {
|
|
width: 50px;
|
|
height: 25px;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<p>Test passes if:<br>
|
|
1. the rectangle 1, 2, 3 show up in a vertical column in a red rectangle.<br>
|
|
2. No gap between the top of red rectangle and the top of rectangle 1, no gap between the bottom of red rectangle and the bottom of rectangle 3 too, and rectangle 2 is distributed so that the empty space between rectangle 1 and rectangle 3 is the same.</p>
|
|
<div id=test><div id=test01>1</div><div id=spacer></div><div id=test02>2</div><div id=spacer></div><div id=test03>3</div></div>
|
|
</body>
|
|
</html>
|