css怎么实现文本的垂直排列


当前第2页 返回上一页

代码示例:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title>CSS文字垂直排列</title>

        <style type="text/css">

            div{

                border: 1px solid lightblue;

                padding: 5px;

            }

            .vertical-text{

                -webkit-writing-mode: vertical-rl;

                writing-mode: vertical-rl;

            }

        </style>

    </head>

    <body>

        <div class="vertical-text">

            1. 文字垂直排列 <br />

            2. 文字垂直排列

        </div>

    </body>

</html>

运行结果:

9522f66b8a573c72147dd71b2bd0b77.png

相关推荐:CSS教程

以上就是css怎么实现文本的垂直排列的详细内容,更多文章请关注木庄网络博客

返回前面的内容

相关阅读 >>

css如何获取图片的宽度

css如何修改背景图片宽高

13个加速开发效率的现代css框架

sass系统是什么

css中focus选择器有什么用

css li怎么水平居中对齐

css文本域怎么写

clevercss是什么?

css如何隐藏表格

css中z-index是什么意思?

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...