CSS的writing

日期:2021-01-20 类型:科技新闻 

关键词:建站平台有哪些,如何建设网站,免费自助建站,如何建立一个网站,网站建站的

英语的语法:

CSS Code拷贝內容到剪贴板
  1. writing-mode : lr-tb | tb-rl  
CSS Code拷贝內容到剪贴板
  1. /* 重要字值 */  
  2. writing-mode: horizontal-tb;    /* 默认设置值 */  
  3. writing-mode: vertical-rl;   
  4. writing-mode: vertical-lr;  
CSS Code拷贝內容到剪贴板
  1. /* 全局性值-重要字inherit IE8+,initial和unset IE13才适用 */  
  2. writing-mode: inherit;   
  3. writing-mode: initial;   
  4. writing-mode: unset;  

lr-tb :  默认设置值。目标中的內容在水平方位上从左向右流入,后1行在前1行的下面。 全部的字形全是垂直向上的。这类合理布局是罗马语系应用的
tb-rl :  上-下,右-左。目标中的內容在竖直方位上从上向龌龊入,自右向左。后1竖行在前1竖行的左边。全角标识符是垂直向上的,半角标识符如拉丁字母或片假名顺时针转动90度。这类合理布局是东亚语系一般应用的

表明:
设定或查找目标的內容块固有的撰写方位。西方語言确省的是左-右,上-下的撰写方法。可是亚洲地区語言常有上-下,右-左的撰写方法。
当此特性值产生转变时, text-align特性与vertical-align 特性的功效也将产生转变。
针对以下元向来说,款式表特性不能承继:
BUTTON CAPTION INPUT INPUT type=button INPUT type=file INPUT type=password INPUT type=reset INPUT type=submit INPUT type=text ISINDEX OPTION TEXTAREA

此特性实际效果不容易被积累功效。比如,倘若父目标的此特性值设为 tb-rl ,子目标的此特性值设为 tb-rl 不容易致使子目标的转动。
倘若目标的 writing-mode 特性设定和它的父目标不1样则其将得到自身的合理布局。那样1个目标的宽度是根据应用它第1个有合理布局的父目标的高宽比而明确的。
当你应用具备不一样 writing-mode 特性值的目标时,给每个目标特定明确的规格可以让你更好的总体操纵它们的合理布局。
此特性针对 currentStyle 目标而言是写保护的。针对别的目标而言是可读写能力的。
对应的脚本制作特点为 writingMode 。

文本的竖排版示例:

CSS Code拷贝內容到剪贴板
  1. .verticle-mode {   
  2.     writing-mode: tb-rl;   
  3.     -webkit-writing-mode: vertical-rl;         
  4.     writing-mode: vertical-rl;   
  5. }   
  6. /* IE7较为弱,必须做点附加的姿势 */  
  7. .verticle-mode {   
  8.     *width120px;   
  9. }   
  10. .verticle-mode h4,   
  11. .verticle-mode p {   
  12.     *displayinline;   
  13.     *writing-mode: tb-rl;   
  14. }   
  15. .verticle-mode h4 {   
  16.     *float:rightright;   
  17. }   

html以下下:

XML/HTML Code拷贝內容到剪贴板
  1. <div class="verticle-mode">  
  2.     <h4>咏柳</h4>  
  3.     <p>碧玉妆成1树高,<br>万条垂下绿丝绦。<br>不知道细叶谁裁出,<br>2月春風似剪刀。</p>  
  4. </div>  

大家便可以看到古诗文的竖排了!