OLD | NEW |
1 <style> | 1 <style> |
2 div.test { | 2 div.test { |
3 width: 100px; | 3 width: 100px; |
4 height: 100px; | 4 height: 100px; |
5 -webkit-column-width: 100px; | 5 -webkit-column-width: 100px; |
6 -webkit-column-gap: 0; | 6 -webkit-column-gap: 0; |
| 7 column-width: 100px; |
| 8 column-gap: 0; |
| 9 column-fill: auto; |
7 overflow: hidden; | 10 overflow: hidden; |
8 } | 11 } |
9 | 12 |
10 div.test > div { | 13 div.test > div { |
11 -webkit-logical-height: 100%; | 14 -webkit-logical-height: 100%; |
12 } | 15 } |
13 | 16 |
14 div.test > div:first-child { | 17 div.test > div:first-child { |
15 background-color: red; | 18 background-color: red; |
16 } | 19 } |
(...skipping 27 matching lines...) Expand all Loading... |
44 if (test.scrollLeft) | 47 if (test.scrollLeft) |
45 test.scrollLeft = 0; | 48 test.scrollLeft = 0; |
46 else | 49 else |
47 test.scrollLeft = test.scrollWidth; | 50 test.scrollLeft = test.scrollWidth; |
48 if (test.scrollTop) | 51 if (test.scrollTop) |
49 test.scrollTop = 0; | 52 test.scrollTop = 0; |
50 else | 53 else |
51 test.scrollTop = test.scrollHeight; | 54 test.scrollTop = test.scrollHeight; |
52 } | 55 } |
53 </script> | 56 </script> |
OLD | NEW |