blob: 6fdd71cb75120236d75d9c53ed55e5ff85f98c9e (
plain) (
blame)
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
27
28
29
30
31
32
33
34
35
36
37
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><title>flexbox | break-after, singleline, item</title>
<link href="http://opera.com" rel="author" title="Opera Software" />
<link href="http://www.w3.org/TR/css-flexbox-1/#pagination" rel="help" />
<meta content="interact paged" name="flags" />
<style>
* {widows: 1; orphans: 1;}
div {
background: red;
border: 1px solid white;
width: 20em;
display: flex;
}
p {
background: white;
margin: 0;
height: 2em;
flex: 1;
}
@media projection, print {
p {
break-after: always;
}
}
</style>
</head><body><h4>There should not be any red on the first page either onload, in
print preview, or fullscreen. Enter fullscreen or print preview.
You should not see the word fail after that.</h4>
<div>
<p></p>
</div>
<h1>fail</h1>
</body></html>
|
