注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

幽谷清风 通辽

科尔沁之声

 
 
 

日志

 
 
关于我

★我是一只小鸟:飞向蓝天是我的追求,栖息大地是我的渴望 ★我是一缕清风:没有人感到我的存在,也没人感到我的不在

网易考拉推荐

html代码:竖排文字代码解析  

2013-04-21 15:46:50|  分类: 【各类代码】…… |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

                        (一)竖排文字基本代码

       ◆DIV style=定义启用CSS样式表标记.
  ◆WRITING-MODE:属性名称布局,有两个属值,水平lr-tb和垂直tb-rl.
  ◆tb-rl属值定义垂直,表示自上而下、从右向左.


<DIV style="WRITING-MODE: tb-rl">
<font style=font:16pt color=0000ff><b>
毛主席诗词<br>
七律 长征<br>
红军不怕远征难,<br>
万水千山只等闲。<br>
五岭逶迤腾细浪,<br>
乌蒙磅礴走泥丸。<br>
金沙水拍云崖暖,<br>
大渡桥横铁索寒。<br>
更喜岷山千里雪,<br>
三军过后尽开颜。<br>
</p></FONT></div>

 

 

 

(二)可调整行距和字距的文字竖排的代码:

<DIV style="WRITING-MODE: tb-rl;LINE-HEIGHT: 2.0em; LETTER-SPACING: 0.2em;"> 毛主席诗词<br>
  答李淑一<br>
我失骄杨君失柳,<br>
杨柳轻扬直上重霄九。<br>
问讯吴刚何所有,<br>
吴刚捧出桂花酒。<br>
寂寞嫦娥舒广袖,<br>
万里长空且为忠魂舞。<br>
忽报人间曾伏虎,<br>
泪飞顿作倾盆雨。<br>
</div>
  ◆LINE-HEIGHT: 2.0em 调整文字水平行距.
  ◆LETTER-SPACING: 0.2em 调整文字垂直距.

 

 

 (三)如何定位插入竖排文字
  单用CSS 属性设置文字竖排存在二个问题,即位置总是靠右边,其次是每行字多了要折行.用表格标签做一图框套装,宽度定为100不变,高度视每行字多少而定.代码如下:

 
<table border="1" width="100" cellspacing="1" height="300" id="table2"> <tr> <td>  <DIV style="WRITING-MODE: tb-rl;LINE-HEIGHT: 3.em; LETTER-SPACING: 0.2em;"> <font face=仿宋_GB2312 style=font:14pt color=#FF0000><b>  <br> 毛主席诗词<br>   答李淑一<br> 我失骄杨君失柳,<br> 杨柳轻扬直上重霄九。<br> 问讯吴刚何所有,<br> 吴刚捧出桂花酒。<br> 寂寞嫦娥舒广袖,<br> 万里长空且为忠魂舞。<br> 忽报人间曾伏虎,<br> 泪飞顿作倾盆雨。 <br> </font></div> </td></tr></table> </DIV>

  ◆这个示例没有设定位代码时,显示位置居左.
  ◆如果显示位置要居中或居右,可在代码前行加定位代码..
  ◆<DIV ALIGN=center>显示位置居中</DIV>.
  ◆<DIV ALIGN=RIGHT>显示位置居右</DIV>.


 


html代码:竖排文字代码解析 - 幽谷清风 - 幽谷清风 通辽
 

幽谷清风● 网易博客

  评论这张
 
阅读(204)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017