欢迎来到js特效学院!

兼容火狐和IE的CSS竖排文字代码

2008年12月11日 作者/来源:本站整理 点击: 分类:web前端 > XHTML&CSS
一般情况下有2个办法使文字在IE中达到竖排效果。
一、用layout-flow
layout-flow(设置对象书写方向)
  语法:layout-flow:vertical-ideographic
示例:div(layout-flow:vertical-ideographic;)
二、用writing-mode和text-align
1.writing-mode(设置对象书写方向)
语法:writing-mode : lr-tb、tb-rl
参数:lr-tb:从左向右,从上往下  tb-rl:从上往下,从右向左
示例:div (writing-mode: tb-rl; )
2.text-align(设置对象中文本的对齐方式)
语法:text-align : left、right、center、justify
参数:left:左对齐  right:右对齐  center:居中  justify:两端对齐 示例:div (text-align : center; )
但是在火狐中就需要以下的代码才可以支持,具体效果预览看。把示例中()换成{}

【提示:你可以先修改代码再点击运行】

这些是大家喜欢的...

这些是最新的文章...