如果单纯针对ie8以下浏览器，css可以使用layout-flow :vertical-ideographic进行竖着显示；其他浏览器如火狐，Chrome等都不支持该css属性，它也不是w3的标准属性；
目前来看，针对竖着排版html文字，没有太好的解决办法，给出的静态文字方案有一个字宽的div，然后都右浮动：
p{ width:1emfont-size:30pxletter-spacing:1emword-break:break-all}
它的问题是文字要固定；
另一种通过js，拆分文字，也弄成一字宽的标签，进行排列（中英文显示也是个问题），但是总的来说，都不是好的解决办法；
html5和css3也没有直接的属性，它只有旋转属性rotate，不过文字都倒着，阅读都很不方便；
分析到最后，都没有好太好方案，尽量少用，实在没办法，尽量用js来模拟控制，竖排文字常见是古代中国书籍排版，如果有一天是国人开发css国际标准，或许会标准性支持它。
什么汉字可以，数字不行了？首先你得知道什么是竖向排列第二张图是正确的竖向排列
第一张图数字是顺时针旋转了90°汉字是竖向排列的
方法一图片去做
方法二用用css3把数字旋转transform：rotate（90deg），汉字竖向排，你是限制宽度还是用其他方法都可以。
备注（我没试过，但是应该还会有其他问题，本人觉得这种动态文字排版不合理）
你是css3吗？可以用writing-mode: tb-rl例子：
<html>
<head>
<style type="text/css">
div.one
{
height:300px
writing-mode: tb-rl
}
</style>
</head>
<body>
<div class="one">Some text. Right-to-left direction111111111111.</div>
</body>
</html>
