OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body style="font-family: ahem; -webkit-font-smoothing: none;"> | 3 <body style="font-family: ahem; -webkit-font-smoothing: none;"> |
4 <style> | 4 <style> |
5 #container { -webkit-column-width: 100px; } | 5 #container { -webkit-column-width: 100px; } |
6 #div1 { -webkit-column-span: all; } | 6 #div1 { -webkit-column-span: all; } |
7 #flexbox1 { color: white; } | 7 #flexbox1 { color: white; } |
8 </style> | 8 </style> |
9 <script> | 9 <script> |
10 document.body.offsetTop; | 10 document.body.offsetTop; |
11 var container = document.createElement('div'); | 11 var container = document.createElement('div'); |
12 container.setAttribute('id', 'container'); | 12 container.setAttribute('id', 'container'); |
13 document.body.appendChild(container); | 13 document.body.appendChild(container); |
14 flexbox1 = document.createElement('div'); | 14 flexbox1 = document.createElement('div'); |
15 flexbox1.setAttribute('id', 'flexbox1'); | 15 flexbox1.setAttribute('id', 'flexbox1'); |
16 container.appendChild(flexbox1); | 16 container.appendChild(flexbox1); |
17 var div1 = document.createElement('div'); | 17 var div1 = document.createElement('div'); |
18 div1.setAttribute('id', 'div1'); | 18 div1.setAttribute('id', 'div1'); |
19 flexbox1.style.display = '-webkit-flexbox'; | 19 flexbox1.style.display = '-webkit-flexbox'; |
20 flexbox1.appendChild(document.createTextNode('a')); | 20 flexbox1.appendChild(document.createTextNode('a')); |
21 flexbox1.appendChild(div1); | 21 flexbox1.appendChild(div1); |
22 flexbox1.appendChild(document.createTextNode('b')); | 22 flexbox1.appendChild(document.createTextNode('b')); |
23 </script> | 23 </script> |
24 </body> | 24 </body> |
25 </html> | 25 </html> |
OLD | NEW |