竖排文字怎么写

要实现类似这样的效果：

link text

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <style type="text/css">
    body{background-image: url(1.jpg) top margin:0px;text-align:center} 
    .tnt {Writing-mode:tb-rl;font-size:20pt;text-align:center} 
  </style>
 </HEAD>

 <BODY>
    <div class="tnt">
    大学与学院虽相辅相成，却是不同的实体，在经济上也是独立的。大学是公有制，由国家拨款，而学
        </div>


 </BODY>
</HTML>

修改于 2009-11-14, 21:11

Shore

社区维基 2009-11-14, 20:42

aa
5

2 个答复

最早最新投票

目前找到的比较理想的解决是这里，但是需要断句。

链接	答于 2009-11-14, 23:03 Shore 1532

#test span {float:right;width:1.5em;text-align:center;background:#cfc;}

function shuPai() {
   var p = document.getElementById("test");
   var str=p.innerHTML.replace(/<[^>]+>/gi,"");
   var arr = str.replace(/(.{1,10})/g,"<span>$1</span>");
   p.innerHTML = arr;
}

修改于 2009-11-15, 01:01

Shore

答于 2009-11-15, 01:00