CSS: 文字与段落

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

文字纵向排列

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

• 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 中才能显示竖排效果。