summaryrefslogtreecommitdiffstats
path: root/layout/reftests/columns/columnfill-auto.html
diff options
context:
space:
mode:
authorMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
committerMatt A. Tobin <mattatobin@localhost.localdomain>2018-02-02 04:16:08 -0500
commit5f8de423f190bbb79a62f804151bc24824fa32d8 (patch)
tree10027f336435511475e392454359edea8e25895d /layout/reftests/columns/columnfill-auto.html
parent49ee0794b5d912db1f95dce6eb52d781dc210db5 (diff)
downloadUXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.gz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.lz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.tar.xz
UXP-5f8de423f190bbb79a62f804151bc24824fa32d8.zip
Add m-esr52 at 52.6.0
Diffstat (limited to 'layout/reftests/columns/columnfill-auto.html')
-rw-r--r--layout/reftests/columns/columnfill-auto.html68
1 files changed, 68 insertions, 0 deletions
diff --git a/layout/reftests/columns/columnfill-auto.html b/layout/reftests/columns/columnfill-auto.html
new file mode 100644
index 000000000..72d2911cb
--- /dev/null
+++ b/layout/reftests/columns/columnfill-auto.html
@@ -0,0 +1,68 @@
+<html>
+ <head>
+ <link rel="stylesheet" type="text/css" href="ahem.css" />
+ <style>
+html,body {
+ color:black; background-color:white; font-size:16px; padding:5px; margin:0;
+}
+mask {
+ position: absolute;
+ top:0; bottom:0; left:8px; width:5px;
+ background: black;
+}
+
+.rel {
+ position: relative;
+}
+.columns {
+ -moz-column-width: 12em;
+ -moz-column-gap: 0;
+ -moz-column-fill: auto;
+ height: 8em;
+ font-family: ahem;
+ font-size: 12pt;
+ line-height: 1.1;
+}
+a {
+ position: absolute;
+ width: 10px;
+ height: 10px;
+ bottom: 0;
+ left: 0;
+ background: blue;
+}
+f {
+ position: fixed;
+ width: 10px;
+ height: 10px;
+ bottom: 0;
+ left: 100px;
+ background: lime;
+}
+ </style>
+ </head>
+
+ <body>
+ <div class="columns rel">
+ <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+ <div class="columns rel" style="overflow: hidden">
+ <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+ <div class="columns rel" style="overflow: hidden">
+ <f></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+ <div class="columns" style="overflow: hidden">
+ <a></a>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+ <div class="columns" style="overflow: hidden">
+ <f style="left:120px"></f>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed
+ </div>
+
+<mask></mask>
+ </body>
+</html>