html如何使文本竖着显示

HTML文本竖排技巧

最新推荐文章于 2025-07-09 16:30:11 发布

The_Best_Hacker

最新推荐文章于 2025-07-09 16:30:11 发布

阅读量1.8w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： javaWeb阶段文章标签： html 竖行输出

本文链接：https://blog.youkuaiyun.com/The_Best_Hacker/article/details/82750991

javaWeb阶段专栏收录该内容

55 篇文章

订阅专栏

【题目要求】：在html如何实现文本竖着显示？

【解决方法】：

方法一：最基础的，不多说上代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>aa</title>
</head>
<body>
<h>我<br>
爱<br>
学<br>
习<br>
！</h>
</body>
</html>

样例输出：

方法二：代码相对来说简便一点。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>高考考试成绩</title>
</head>
<body>
<p style="writing-mode : tb-rl ;">学习爱我！</p>
</body>
</html>

样例输出：