vertical-decorations-3.html (461B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <style> 6 div { 7 font: 25px monospace; 8 white-space: pre; 9 overflow: hidden; 10 text-overflow: ellipsis; 11 border: 1px solid gray; 12 padding: 5px; 13 display: inline-block; 14 vertical-align: top; 15 text-decoration-skip-ink:none; 16 } 17 .vrl { 18 writing-mode: vertical-rl; 19 text-orientation: upright; 20 height: 6em; 21 } 22 </style> 23 </head> 24 25 <body> 26 <div class="vrl"><u>你好吗？我很好！</u></div> 27 </body> 28 </html>