1090159-1.html (603B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 .h { writing-mode:horizontal-tb; } 7 .v-lr { writing-mode:vertical-lr; text-orientation:sideways-right; } 8 .v-rl { writing-mode:vertical-rl; text-orientation:sideways-right; } 9 10 div { 11 width: 250px; 12 height: 250px; 13 border: 1px solid red; 14 margin: 10px; 15 display: inline-block; 16 font: 16px monospace; 17 line-height: 32px; 18 } 19 </style> 20 </head> 21 22 <body> 23 24 <div class="h"> 25 你好吗？ <span>hello</span> 26 </div> 27 28 <div class="v-lr"> 29 你好吗？ <span>hello</span> 30 </div> 31 32 <div class="v-rl"> 33 你好吗？ <span>hello</span> 34 </div> 35 36 </body> 37 </html>