用Css实现文本竖直显示，兼容IE, FF和Chrome

 

<style>

p.css-vertical-text {

color:#333;

border:0px solid red;

writing-mode:tb-rl;

-webkit-transform:rotate(90deg);

-moz-transform:rotate(90deg);

-o-transform: rotate(90deg);

white-space:nowrap;

display:block;

bottom:0;

width:20px;

height:20px;

font-family: Helvetica, sans-serif;

font-size:24px;

font-weight:normal;

text-shadow: 0px 0px 1px #333;

}

</style>

<p class='css-vertical-text'>some text</p>