test/render/flex/--flexbox_flex-none-wrappable-content.htm


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<!DOCTYPE html>
<html>
<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flexbox_flex-none-wrappable-content.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT -->
<head><title>Specifying flex:none on wrappable content should give content its full width</title>
<link href="http://www.w3.org/TR/css-flexbox-1/#flex-common" rel="help">
<meta content="When content has flex:none, it should be given its full width" name="assert">
<link href="http://test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/reference/flexbox_flex-none-wrappable-content-ref.htm" rel="match">

<link href="fonts/ahem.css" type="text/css" rel="stylesheet">
<style>
span {
  font-family: Ahem;
  color: green;
}
</style>

</head><body><div style="display: flex; width: 5px;">
  <div style="flex: none;">
    <span>XXX XXX XXX</span>
  </div>
</div>

<div style="margin-top: 1em;">You should see three green rectangles above, all on the same line.</div>
</body>
<!-- Mirrored from test.csswg.org/suites/css-flexbox-1_dev/nightly-unstable/html/flexbox_flex-none-wrappable-content.htm by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 23 Dec 2023 16:15:11 GMT -->
</html>