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: 64px 2;" id="parent"> | 8 <div style="-webkit-columns: 64px 2;" id="parent"> |
9 <div style="-webkit-columns: inherit;" id="child0"> | 9 <div style="-webkit-columns: inherit;" id="child0"> |
10 Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut
, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim
odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas
vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac,
elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce
eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, pur
us sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ult
ricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gra
vida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci er
at, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas
nulla. | 10 Vestibulum a sapien. Phasellus ante lacus, vehicula non, cursus a, tempor ut
, magna. Suspendisse potenti. Fusce aliquet, odio viverra vulputate dictum, enim
odio luctus purus, ut scelerisque quam nulla non est. Donec eros lacus, egestas
vitae, lacinia quis, tempor quis, pede. Morbi orci erat, iaculis id, ornare ac,
elementum at, sem. Nunc ornare sodales nisi. Morbi interdum commodo nisl. Fusce
eget eros non nisi ornare facilisis. Sed placerat, est non posuere posuere, pur
us sem dignissim libero, a viverra tellus dolor vel lorem. Cras augue. Etiam ult
ricies consequat odio. Mauris ac libero. Etiam posuere, libero vitae euismod gra
vida, urna elit imperdiet magna, vel cursus elit felis non mauris. Donec orci er
at, porta id, dignissim ut, posuere dictum, leo. Suspendisse scelerisque egestas
nulla. |
(...skipping 29 matching lines...) Expand all Loading... |
40 test("parent", "-webkit-column-width", "64px"); | 40 test("parent", "-webkit-column-width", "64px"); |
41 test("child0", "-webkit-column-count", 2); | 41 test("child0", "-webkit-column-count", 2); |
42 test("child0", "-webkit-column-width", "64px"); | 42 test("child0", "-webkit-column-width", "64px"); |
43 test("child1", "-webkit-column-count", 2); | 43 test("child1", "-webkit-column-count", 2); |
44 test("child1", "-webkit-column-width", "auto"); | 44 test("child1", "-webkit-column-width", "auto"); |
45 test("child2", "-webkit-column-count", "auto"); | 45 test("child2", "-webkit-column-count", "auto"); |
46 test("child2", "-webkit-column-width", "64px"); | 46 test("child2", "-webkit-column-width", "64px"); |
47 | 47 |
48 document.getElementById("result").innerText = output; | 48 document.getElementById("result").innerText = output; |
49 </script> | 49 </script> |
OLD | NEW |