温州市良大管件制造有限公司

今天小编跟大家讲解下有关Vertical Text with CSS(用CSS竖向排列文本) ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关Vertical Text with CSS(用CSS竖向排列文本) 的相关资料，希望小伙伴们看了有所帮助。

CSS代码: 复制代码代码如下: #right-col { background-color:#000; color:#ff6600; width:390px; } #right-col p { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg);&nbsp;&nbsp;&nbsp; -o-transform: rotate(-90deg); &nbsp; &nbsp; &nbsp; writing-mode: tb-rl;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &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

来源：爱蒂网