欢迎光临
我们一直在努力

两种方式实现的文字竖排效果

建站超值云服务器,限时71元/月

也许你非常欣赏古人用的竖排文字格式来书写文章,其实这是一个非常简单的问题,我们可以用CSS来实现网页文字的竖排,经过试验,我写出了下面两种方式:

<div style="layout-flow:vertical-ideographic">
轻轻的<BR>
我走了<BR>
就如我轻轻的来<BR>
挥一挥袖子<BR>
不带走一个女孩<BR>
哎哟……<BR>
怎么把这么经典的句子改成这样了<BR>
</div>
  

<div style="writing-mode=tb-rl;">
<p>这也是竖排的文字!</p>
<p>哈哈</p>
<p>这个也不错</p>
</div>
   

    
  

赞(0)
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com 特别注意:本站所有转载文章言论不代表本站观点! 本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。未经允许不得转载:IDC资讯中心 » 两种方式实现的文字竖排效果
分享到: 更多 (0)