zoukankan      html  css  js  c++  java
  • 中文字段的几种特殊排列方式

    1.文字倒排(向左卧倒,逆时针转90度)<br><br>

    <span style="font-family:@宋体;color:red">尽人事 顺天命</span>


    <br><br>
    2.文字正写竖排,中文竖排,从右往左读(见右面)<br><br>
    <div style="layout-flow: vertical-ideographic;height:399;float:right;">
    在暗蓝色的海上,海水在欢快地泼溅<br>
    我们的心是自由的,我们的思想无边<br>
    这全是我们的帝国,它的权力到处通行<br>
    我们的旗帜就是王笏,谁碰到都得服从<br>
    我们过着粗犷的生涯,在风暴动荡里<br>
    从劳作到休息,什么样的日子都有乐趣<br>
    噢,谁能体会出?可不是你,娇养的奴仆<br>
    可不只有“无路之路”的游荡者才能知道?<br>
    在红色的酒杯中旋起我们的记忆<br>
    当胜利的伙伴们终于把财物平分<br>
    谁不落泪,当回忆暗淡了每人的前额:<br>
    现在,那倒下的勇士该会怎样地欢欣!<br></div>


    <br><br>
    3.文字倒写竖排<br><br>
    <br>
    <script langauge="javascript">
          var oNum = 0;
          function showText(){
              var strText = '文字还有倒着竖排的?';
              var oDiv = document.all['oDiv'];
              oDiv. innerHTML = strText.substr(0, oNum);
              oNum = (oNum>strText.length) ? 0 : oNum+1 ;
              window.setTimeout('showText()', 500);
          }
          window.onload = function(){ window.setTimeout('showText();', 500); }
    </script>
    <div id="oDiv" style="25px;height:180px;direction:rtl;unicode-bidi:bidi-override;layout-flow:vertical-ideographic;text

    -align:right;"></div>

    <br>
    4.中文竖排,从左往右读:<br>
    <style>div {display:inline;color:red; font:11pt 华文行楷; writing-mode:tb-rl;}</style>
    <div>下定决心,</div>
    <div>不怕牺牲,</div>
    <div>排除万难,</div>
    <div>争取胜利!</div>

    <br><br>

     5.两种竖排的:<br>

    <div style="5px;float:left;"><font face="@隶书" size="5px" color="red">只要你坚持不懈什么样的结果都有可能</font></div>
    <div style="position:absolute;filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);float:right;"><font face="华文行楷" size="5px" color="blue">只要你坚持不懈什么样的结果都有可能</div><br>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    6.文字段的反向排列<br>
    <script type="text/javascript">//
    function
    scbg(objRef, state)
    {
        objRef.style.backgroundColor = (1 == state) ? '#EEEEEE' : '#FFFFFF';

        return;
    }
    //</script>

    <table>
    <tr>
    <td onmouseout="scbg(this, 0);" onmouseover="scbg(this, 1);" width="152" height="300">

    <center>
    <bdo dir="rtl">欢迎光临</bdo></td>
    </tr>
    </table>

  • 相关阅读:
    Linux 进程终止后自动重启
    (转) Android中ViewStub组件使用
    (转)android UI进阶之用ViewPager实现欢迎引导页面
    (转)android UI进阶之实现listview的分页加载
    (转)android UI进阶之实现listview的下拉加载
    (转)android UI进阶之弹窗的使用(2)实现通讯录的弹窗效果
    学习网址
    (转)android UI进阶之实现listview中checkbox的多选与记录
    (转)android UI进阶之自定义组合控件
    (转)Android里merge和include标签的使用
  • 原文地址:https://www.cnblogs.com/ymyglhb/p/1263471.html
Copyright © 2011-2022 走看看