W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div{ writing-mode: vertical-lr; border: solid black 1px; display: inline-block; height: 350px; width: 300px; margin: 5px; } div.a { text-orientation: mixed; } div.b { text-orientation: upright; } </style> </head> <body> <h1>text-orientation 属性</h1> <p>左侧盒子的 text-orientation 为 mixed，右侧盒子的 text-orientation 为 upright。</p> <div class="a"> <h3>text-orientation: mixed</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p> </div> <div class="b"> <h3>text-orientation: upright</h2> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit.</p> </div> </body> </html>