OLD | NEW |
1 <style> | 1 <style> |
2 div { | 2 div { |
3 border: 1px solid black; | 3 border: 1px solid black; |
4 -webkit-column-rule: 1px solid black; | 4 -webkit-column-rule: 1px solid black; |
5 } | 5 } |
6 </style> | 6 </style> |
7 | 7 |
8 <div style="-webkit-columns: initial;" id="columns-test"> | 8 <div style="-webkit-columns: initial;" id="columns-test"> |
9 Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, ma
gna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odi
o luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vit
ae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, ele
mentum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce ege
t eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus s
em dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultrici
es consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida
, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat,
porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nul
la. | 9 Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut, ma
gna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim odi
o luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas vit
ae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac, ele
mentum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce ege
t eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, purus s
em dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ultrici
es consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gravida
, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci erat,
porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas nul
la. |
10 </div> | 10 </div> |
(...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
44 } | 44 } |
45 | 45 |
46 test("columns-test", "-webkit-column-count", "auto"); | 46 test("columns-test", "-webkit-column-count", "auto"); |
47 test("columns-test", "-webkit-column-width", "auto"); | 47 test("columns-test", "-webkit-column-width", "auto"); |
48 test("count-test", "-webkit-column-count", "auto"); | 48 test("count-test", "-webkit-column-count", "auto"); |
49 test("gap-test", "-webkit-column-gap", "normal"); | 49 test("gap-test", "-webkit-column-gap", "normal"); |
50 test("width-test", "-webkit-column-width", "auto"); | 50 test("width-test", "-webkit-column-width", "auto"); |
51 | 51 |
52 document.getElementById("result").innerText = output; | 52 document.getElementById("result").innerText = output; |
53 </script> | 53 </script> |
OLD | NEW |