tor-browser

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

flex-column-inline-multiline.html (878B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <title>margin-trim: flex-column-inline-multiline</title>
      5 <link rel="author" href="mailto:sammy.gill@apple.com">
      6 <link rel="help" href="https://drafts.csswg.org/css-box-4/#margin-trim-flex">
      7 <link rel="match" href="flex-column-inline-multiline-ref.html">
      8 <meta name="assert" content="inline-start should be trimmed for all items on the first flex line and inline-end should be trimmed for all items on the last flex line">
      9 <style>
     10 flexbox {
     11    display: flex;
     12    width: min-content;
     13    height: 100px;
     14    flex-direction: column;
     15    flex-wrap: wrap;
     16    margin-trim: inline;
     17 }
     18 item {
     19    display: block;
     20    background-color: green;
     21    width: 50px;
     22    height: 50px;
     23    margin-inline-start: 10px;
     24    margin-inline-end: 20px;
     25 }
     26 </style>
     27 </head>
     28 <body>
     29 <flexbox>
     30 <item></item>
     31 <item></item>
     32 <item></item>
     33 <item></item>
     34 </flexbox>
     35 </body>
     36 </html>