tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

flexbox-single-row-4-ref.html (1262B)

      1 <!DOCTYPE html>
      2 <!-- Any copyright is dedicated to the Public Domain.
      3     http://creativecommons.org/publicdomain/zero/1.0/ -->
      4 <html>
      5  <meta charset="utf-8">
      6  <title>CSS Flexbox Test Reference: Fragmentation of block-size:auto single-line row flex container in a zero block-size multicol</title>
      7  <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
      8  <link rel="author" title="Ting-Yu Lin" href="mailto:tlin@mozilla.com">
      9  <link rel="author" title="Mozilla" href="http://www.mozilla.org/">
     10 
     11  <style>
     12  .multicol {
     13    column-count: 2;
     14    block-size: 0;
     15    border: 1px solid black;
     16    margin-block-end: 30px; /* Just to separate each sub-testcase visually. */
     17  }
     18 
     19  .flexContainer {
     20    display: block;
     21    padding: 1px;
     22  }
     23 
     24  .boxDecorationBreak {
     25    padding: 5px;
     26    box-decoration-break: clone;
     27  }
     28 
     29  </style>
     30 
     31  <body>
     32    <!-- Basic one with padding on the flex container.-->
     33    <div class="multicol">
     34      <div class="flexContainer">
     35        <div>abcdef</div>
     36      </div>
     37    </div>
     38 
     39    <!-- Larger padding and box-decoration-break:clone on the flex container.-->
     40    <div class="multicol">
     41      <div class="flexContainer boxDecorationBreak">
     42        <div>abcdef</div>
     43      </div>
     44    </div>
     45  </body>
     46 </html>