<body>
<input onclick="a()" value="add" selectable=false type=button>
<input onclick="b()" value="change" selectable=false type=button>
<div contenteditable=true id=m><input onclick="" value="add" selectable=false></div>
<script>
function a()
{
m.innerHTML+="<div>地拉那复苏老大难分</div>"
m.style.writeMode='tb-rl'
}
function b()
{
m.style.writingMode='tb-rl'
}
</script>

解决方案 »

  1.   

    变到右面就变不回来了,m.style.writingMode除了'tb-rl'还有什么?
      

  2.   

    writing-mode版本:IE5.5+专有属性 继承性:有 
    语法: 
     
    writing-mode : lr-tb | tb-rl 
     
    参数: 
     
    lr-tb : 左-右,上-下 
    tb-rl : 上-下,右-左 
      

  3.   

    function b()
    {m.style.writingMode=(m.style.writingMode=='lr-tb' || m.style.writingMode=='')?"tb-rl":"lr-tb";
    }
      

  4.   

    感谢ssm1226和net_lover的回答其实我问这个你们解答了一半,只是解决可以横排坚排输入,问题并没有真正的解决要求:在整个页面中像层一样可以随意拖拽排列我随时输入文字的位置