今天小编跟大家讲解下有关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); -o-transform: rotate(-90deg); writing-mode: tb-rl; 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
来源:爱蒂网