flexbox_interactive_break-after-line.html (665B)
1 <!DOCTYPE html> 2 <title>flexbox | break-after, line</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#pagination"> 5 <meta name="flags" content="interact paged"> 6 <style> 7 * {widows: 1; orphans: 1;} 8 div { 9 width: 20em; 10 11 display: flex; 12 flex-wrap: wrap; 13 } 14 p { 15 background: white; 16 margin: 0; 17 width: 100%; 18 height: 2em; 19 20 flex: 1 0 auto; 21 } 22 p+p {background: red;} 23 @media projection, print { 24 p:first-child { 25 break-after: always; 26 background: yellow; 27 } 28 } 29 </style> 30 31 <h4>Enter fullscreen or print preview. There should be no red on the 32 first page.</h4> 33 34 <div> 35 <p></p> 36 <p></p> 37 </div>