Vertical Text with CSS(用CSS竖向排列文本)
2010-09-22 00:36
441 查看
CSS代码:
HTML:
效果:
参考网页: 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
#right-col {
background-color:#000;
color:#ff6600;
width:390px;
}
#right-col p {
-webkit-transform: rotate(-90deg); /* for Safari, Chrome */
-moz-transform: rotate(-90deg); /* for Firefox */
-o-transform: rotate(-90deg); /* for Opera */
writing-mode: tb-rl; /* for IE */
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
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- Vertical Text with CSS(用CSS竖向排列文本)
- CSS学习笔记：溢出文本省略（text-overflow）
- CSS基础：text-overflow:ellipsis溢出文本显示省略号的详细方法
- 定制任意文本排版: css text wrapper
- css text-align-last设置末尾文本对齐方式
- css中的多样化文本阴影：text-shadow
- iOS7新特性之TextKit（四）通过boundingRectWithSize:options:attributes:context:计算文本尺寸
- CSS溢出文本省略（text-overflow）
- css中图片于文本的基线对齐与vertical-align属性设置
- 单行文本过长自动替换为省略号的css写法：text-overflow:ellipsis;
- div+css+js实现竖向排列的标签选项卡
- css text文本属性(二)
- xpdf with vertical text
- web——css和图片突然加载不了，console报错：Resource interpreted as script but transferred with MIME type text/html.
- CSS自动竖向排列的布局方法
- #259 – 对使用OpenType 字体的文本进行排版（Setting Typography Properties for Text Rendered with an OpenType Font）
- CSS Text文本格式
- CSS基础：text-overflow:ellipsis溢出文本显示省略号的详细方法_CSS教程
- CSS文本对齐text-align详解
- CSS文本溢出：text-overflow:ellipsis