头闻号

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

弯头|综合性公司|石油设备|污水处理设备|空气净化设备|阀门

首页 > 新闻中心 > 科技常识:Vertical Text with CSS(用CSS竖向排列文本)
科技常识:Vertical Text with CSS(用CSS竖向排列文本)
发布时间:2024-11-08 18:50:52        浏览次数:4        返回列表

今天小编跟大家讲解下有关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

来源:爱蒂网