layout/reftests/w3c-css/submitted/multicol3/moz-multicol3-column-balancing-break-inside-avoid-1.html

Fri, 16 Jan 2015 18:13:44 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Fri, 16 Jan 2015 18:13:44 +0100
branch
TOR_BUG_9701
changeset 14
925c144e1f1f
permissions
-rw-r--r--

Integrate suggestion from review to improve consistency with existing code.

     1 <!DOCTYPE HTML>
     2 <html><head>
     3   <title>CSS Test: Balancing Overflow, page-break-inside:avoid</title>
     4   <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=685012">
     5   <link rel="help" href="http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside">
     6   <meta name="flags" content="paged">
     7   <meta charset="utf-8">
     8   <style type="text/css">
     9 @page { size:5in 3in; margin:0.5in; }
    11         html,body {
    12             color:black; background-color:white; font-size:16px; padding:0; margin:0;
    13         }
    15   .colset {
    16     -moz-column-count: 3;
    17     -moz-column-gap: 0;
    18     border: solid silver;
    19     width: 9em;
    20   }
    21   p { margin: 0; page-break-inside:avoid; }
    22   .short { height: 5px; page-break-inside:avoid; }
    23   .short p { page-break-inside:auto; }
    25     </style>
    26 </head>
    27 <body>
    29 <div class="colset">
    30 <p>one</p>
    31 <p>two three</p>
    32 <p>four five</p>
    33 </div>
    35 <div class="colset">
    36   <p>one two three four five</p>
    37 </div>
    39 <div class="colset">
    40 <p>one two</p>
    41 <p>three four five</p>
    42 </div>
    44 <div class="colset">
    45   <div class="short"><p>one two three four five</p></div>
    46 </div>
    48 </body>
    49 </html>

mercurial