CSS代码: 复制代码代码如下: #right-col { background-color:#000; color:#ff6600; width:390px; } #right-col p { -webkit-transform: rotate(-90deg); /* for Safari, Chrome */ -moz-transform: rotate(-90deg);&nbsp;&nbsp;&nbsp; /* for Firefox */ -o-transform: rotate(-90deg); &nbsp; &nbsp; &nbsp; /* for Opera */ writing-mode: tb-rl;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* for IE */&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 　　filter: flipv fliph; } HTML: 复制代码代码如下: <div id="right-col"><p>FeedBack</p></div> 效果:   参考网页: http://grasshopperpebbles.com/css/vertical-text-with-css/ 下面的Solution是用JS实现, 我很喜欢其中Cube的Demo: http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/来自 Freeway —— cnBlogs 

　　推荐阅读

　　CSS 层叠样式表命名参考表

命名参考 页面结构类 描述 下划线命名 骆驼式命名 参考命名 面板 dashboard >>>详细阅读

本文标题：Vertical Text with CSS(用CSS竖向排列文本)

地址：http://www.17bianji.com/kaifa2/CSS/16619.html

 1/2    1