CSS: 文字与段落

@ 2009-08-14 22:47:05
标签:

    网页中几乎离不开文字。文字组成一个个段落。段落组成为篇章。

    文字纵向排列

    这里涉及两个重要的文本属性

    • writing-mode:排列方向
      • lr-tb: 从左向右,从上往下
      • tb-rl:从上往下,从右向左
    • text-align:文本的对齐方式
      • left | right | center | justify

    于是可以采用如下的CSS定义实现文字竖排:

    .vertical_text {
      writing-mode:tb-rl;
      text-align:left;
      font-size:9pt;
    }
    

    • 比较遗憾的是 writing-mode属性目前只有IE支持,Firefox不支持。下面的例子在 IE 中才能显示竖排效果。

      

      确实,在表现文字的竖排在文字处理办公软件中非常容易就可以实现。由于这种效果在网页制作中并不多见,所以这个问题的讨论比较少。但是在制作具有中国古代特色的网站,如文字历史、书法、名胜古迹旅游等等网站时,如果用上竖排的文字,配以古色古香的背景及朴实陈旧的色彩,在视觉上会获得意想不到的效果。
      

    标签:

      分享到:
      comments powered by Disqus

      30/34ms