label通過CSS豎直顯示文字
阿新 • • 發佈:2018-11-16
Figure
Code
css
.vertical {
writing-mode: vertical-lr;
text-decoration: underline;
transform: rotate(180deg);
}
html
<!DOCTYPE html> <html> <head> <title>Page Title</title> <style> .vertical { writing-mode: vertical-lr; text-decoration: underline; transform: rotate(180deg); } </style> </head> <body> <label id='test'>this is word to show.</label> <label id='test2' class="vertical">this is word to show.</label> </body> </html>