1316649.html (1216B)
1 <!DOCTYPE html> 2 <html> 3 <script> 4 addEventListener('DOMContentLoaded', function(){ 5 obj1.style.writingMode = "rl"; 6 obj2.style.writingMode = "rl"; 7 //obj3.style.writingMode = "rl"; 8 //obj4.style.writingMode = "rl"; 9 obj5.style.writingMode = "rl"; 10 sobj1.style.writingMode = "rl"; 11 sobj2.style.writingMode = "rl"; 12 //sobj3.style.writingMode = "rl"; 13 //sobj4.style.writingMode = "rl"; 14 sobj5.style.writingMode = "rl"; 15 }); 16 </script> 17 <body style="writing-mode:tb"> 18 <button style="display:grid"> 19 <div id=obj1></div> 20 </button> 21 <button style="display:inline-grid"> 22 <div id=obj2></div> 23 </button> 24 <!-- 25 <button style="display:flex"> 26 <div id=obj3></div> 27 </button> 28 <button style="display:inline-flex"> 29 <div id=obj4></div> 30 </button> 31 --> 32 <button style="columns:2"> 33 <div id=obj5></div> 34 </button> 35 36 <button style="display:grid; overflow:hidden"> 37 <div id=sobj1></div> 38 </button> 39 <button style="display:inline-grid; overflow:hidden"> 40 <div id=sobj2></div> 41 </button> 42 <!-- 43 <button style="display:flex; overflow:hidden"> 44 <div id=sobj3></div> 45 </button> 46 <button style="display:inline-flex; overflow:hidden"> 47 <div id=sobj4></div> 48 </button> 49 --> 50 <button style="columns:2; overflow:hidden"> 51 <div id=sobj5></div> 52 </button> 53 </body> 54 </html>