通过css来实现文字的多种排列方式，可以竖排也可以横着排序，可根据自己的需求来修改样式。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren">
<meta name="description" content="欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。">
<title>分享几种文字排列方式特效_武鸣人</title>
</head>
<body>
<a href="https://www.wuming.ren">武鸣人</a>，各种信息资源免费发布，分享励志语录经典短句，减肥健身常识，各种js特效代码。网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)<hr>
<!--欢迎来到武鸣人信息资源平台，各种信息免费发布，资源共享合作共赢，分享互联网流行的励志语录经典短句，减肥健身健康小常识及打卡记录，收集各种js特效代码。-->
<script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script>
<script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script>
1.文字倒排（逆时针转90度）<br><br>
<span style="font-family:@宋体;color:red">尽人事 顺天命</span>
<br><br>
2.文字正写竖排,中文竖排，从右往左读<br><br>
<div style="layout-flow: vertical-ideographic;height:399;float:right;">
在暗蓝色的海上，海水在欢快地泼溅<br>
我们的心是自由的，我们的思想无边<br>
这全是我们的帝国，它的权力到处通行<br>
我们的旗帜就是王笏，谁碰到都得服从<br>
我们过着粗犷的生涯，在风暴动荡里<br>
从劳作到休息，什么样的日子都有乐趣<br>
噢，谁能体会出？可不是你，娇养的奴仆<br>
可不只有“无路之路”的游荡者才能知道？<br>
在红色的酒杯中旋起我们的记忆<br>
当胜利的伙伴们终于把财物平分<br>
谁不落泪，当回忆暗淡了每人的前额：<br>
现在，那倒下的勇士该会怎样地欢欣！<br></div>
<br><br>
3.文字倒写竖排<br><br>
<br>
<script langauge="javascript">
var oNum = 0;
function showText(){
var strText = '文字还有倒着竖排的？';
var oDiv = document.all['oDiv'];
oDiv. innerHTML = strText.substr(0, oNum);
oNum = (oNum>strText.length) ? 0 : oNum+1 ;
window.setTimeout('showText()', 500);
}//武鸣人网站https://www.wuming.ren 网站很好记住，wuming.ren(武鸣拼音.ren域名后缀)
window.onload = function(){ window.setTimeout('showText();', 500); }
</script>
<div id="oDiv" style="width:25px;height:180px;direction:rtl;unicode-bidi:bidi-override;layout-flow:vertical-ideographic;text-align:right;"></div>
<br>
4.中文竖排，从左往右读：<br>
<style>div {display:inline;color:red; font:11pt 华文行楷; writing-mode:tb-rl;}</style>
<div>下定决心，</div>
<div>不怕牺牲，</div>
<div>排除万难，</div>
<div>争取胜利！</div>
<br><br>
</body>
</html>本文来自武鸣人网站，转载请注明出处