css设置竖排文字的方法:1、通过“word-wrap: break-word;”等属性实现单个竖排文字;2、通过“writing-mode: tb-lr”等属性实现多行竖排文字;3、通过“rotate(90deg);”实现整体竖向排版。

本文操作环境:Windows7系统、HTML5&&CSS3版,DELL G3电脑
CSS几种简单方法实现文字竖向排版
下面介绍几种使用Css实现文字竖向排版的方法:
1.一个句子的竖向排列
立即学习“前端免费学习笔记(深入)”;
如图:

test
我是竖列排版
I AM ENGLISH
2.多个句子竖向排列(如古诗)
一、功能简介本软件完全适应大、中、小型网站建设需要,让您用很便宜的虚拟主机空间也可以开通4个独立的网站!久久企业网站后台管理系统各种版本开发基础架构均为php+mysql+div+css+伪静态,迎合搜索引擎排名的喜好。另外值得一提的是本站特色的TAG系统可为您的网站做出无限分类,不用任何设置全站ULR伪静态!本建站系统除了有产品发布、新闻(软文)发布、订单管理系统和留言反馈等一些最基本的功能之外
如图:

test
欲话毗陵君反袂,欲言夏口我沾衣。谁知临老相逢日,悲叹声多语笑稀。
I AM ENGLISH
3.字体横行,整体竖向排版
如图:

test
欲话毗陵君反袂
ENGLISH
推荐学习:《css视频教程》








