跪求javascript级联菜单问题，请仔细看内容
举例：
有15个内容，A,B,C,D,E,F,G,H,I,J,K,L,M,N,O 想做成如下的效果
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
但是，当浏览器的窗口变小的时候，可能会出现显示不下的可能性，假设M,N,O显示不下，则要显示成如下效果
A M
B N
C O
D
E
F
G
H
I
J
K
L
能否实现，如果能够实现，请给个演示网址，如果不能实现，请给理由，顶者有分
[解决办法]
哈哈哈,有点差距,如果要字母站起来就得用上图片了~~~
<html>
<body>
<style>
div{
height:100%;
layout-flow :vertical-ideographic;
}
</style>
<div>
<a href= "# "> A </a>
<a href= "# "> B </a>
<a href= "# "> C </a>
<a href= "# "> D </a>
<a href= "# "> E </a>
<a href= "# "> F </a>
<a href= "# "> G </a>
<a href= "# "> H </a>
<a href= "# "> I </a>
<a href= "# "> J </a>
<a href= "# "> K </a>
<a href= "# "> L </a>
<a href= "# "> M </a>
<a href= "# "> N </a>
<a href= "# "> O </a>
<a href= "# "> P </a>
<a href= "# "> Q </a>
</div>
</body>
</html>
[解决办法]
<html>
<head>
<style>
div{
height:300px;
writing-mode:tb-rl;
}
a{
writing-mode:lr-tb;
}
</style>
</head>
<body>
<div>
<a href= "# "> A_001 </a>
<a href= "# "> B </a>
<a href= "# "> C </a>
<a href= "# "> D </a>
<a href= "# "> E </a>
<a href= "# "> F </a>
<a href= "# "> G </a>
<a href= "# "> H </a>
<a href= "# "> I </a>
<a href= "# "> J </a>
<a href= "# "> K </a>
<a href= "# "> L </a>
<a href= "# "> M </a>
<a href= "# "> N </a>
<a href= "# "> O </a>
<a href= "# "> P </a>
<a href= "# "> Q </a>
</div>
</body>
</html>
[解决办法]
去年写的东东,不知是否合胃口?
http://bbs.51js.com/viewthread.php?tid=65073&highlight=%2B%D0%A7%B9%FB