用CSS让网页文字竖排

来源:互联网 发布:网络棋牌赌博怎么判刑 编辑:程序博客网 时间:2024/05/01 02:20

用CSS让网页文字竖排   
   
 
网页文字的竖排一般可能出现在网站主题表现文字书画、古色风韵等类网站,虽然竖排在文字处理软件中很容易实现,但在网页中就不那么容易了,为了让初学者少走弯路,这里整理出自己的一些经验供大家参考。 
  样式表的文字处理属性中有两个重要的属性: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; } 

接下来让我们制作一个竖排的实例: 

< html > 

< head > 

< title >竖排文字< /title >   

原创粉丝点击