<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <mce:style><!-- #test{ width:100px; height:100px; layout-flow:vertical-ideographic; vertical-align:auto; border:1px solid red; } --></mce:style><style mce_bogus="1">#test{ width:100px; height:100px; layout-flow:vertical-ideographic; vertical-align:auto; border:1px solid red; }</style> <mce:script src="../Jquery_exercise/jquery-1.3.2.js" mce_src="Jquery_exercise/jquery-1.3.2.js"></mce:script> <mce:script type="text/javascript"><!-- $(document).ready(function(){ }); // --></mce:script> </head> <body> <div id="test">aaaa</div> <div style= "FILTER:progid:DXImageTransform.Microsoft.BasicImage(Rotation=1); height:1px; width:100px; height:100px; border:1px solid green;"> 文字旋转90度角, 当Rotation=1时代表顺时针转九十度。 </div> <div style= "Writing-mode:tb-rl;Text-align:left;font-size:9pt "> 文字将竖向排版 </div> <div style= "font-family:@宋体 "> 我们看的文字都是站着的,怎么让他躺下来显示呢? </div> <div style= "LAYOUT-FLOW: vertical-ideographic; "> 疏影横斜水清浅,暗香浮动月黄昏。 </div> </body> </html>