css如何让字竖着写

css让字竖着写的方法:使用【writing-mode】设置对象书写方向,语法为【writing-mode : lr-tb、tb-rl】,其中【lr-tb】为从左向右,从上往下,【tb-rl】从上往下,从右向左。

css如何让字竖着写

本教程操作环境:windows7系统、css3版,DELL G3电脑。

css让字竖着写的方法:

writing-mode(设置对象书写方向)

语法:

立即学习“前端免费学习笔记(深入)”;

  1. writing-mode : lr-tbtb-rl

登录后复制

参数:

lr-tb:从左向右,从上往下  

tb-rl:从上往下,从右向左

css代码:

  1. div { writing-mode: tb-rl; }

登录后复制

示例:

  1. nbsp;html>                <span class="pun">竖列排版实例</span>     div { writing-mode: tb-rl; }            
    我是竖列排版
           

登录后复制

效果图:

css如何让字竖着写

相关教程推荐:CSS视频教程

以上就是css如何让字竖着写的详细内容,更多请关注【创想鸟】其它相关文章!

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

点点赞赏,手留余香

给TA打赏
共0人
还没有人赞赏,快来当第一个赞赏的人吧!
    编程技术

    css代码如何居中

    2025-3-10 19:39:08

    编程技术

    css的字体样式如何设置

    2025-3-10 19:39:20

    0 条回复 A文章作者 M管理员
    欢迎您,新朋友,感谢参与互动!
      暂无讨论,说说你的看法吧
    个人中心
    购物车
    优惠劵
    今日签到
    私信列表
    搜索