CSS方向：rtl和从上到下？

Question

我正在使用以下 CSS 从右到左阅读文本：

.rtl { unicode-bidi:bidi-override;direction:rtl;width:300px;}

<span class="rtl">.tfel οt thgir mοrf daer si txet sihT</span>

它是一个实验性网站的一部分，它将显示源代码中的所有文本反转，但用户可读。

如果我只有一个文本句子，它会很好用。但是，一旦文本的长度大于元素的大小（在本例中为 300 像素），句子的顺序就不再起作用。例如：

来源：

<div class="rtl"> .skaerb txet eht ,htgnel niatrec a tsaP .yllamron demrof era shpargarap eht rehtehw ees ot secnetnes lareves dedulcni ev'I dna ,tfel ot thgir morf daer si txet sihT</div>

输出：

（因为我不能发图片，那就是：http://img4.hostingpics.net/pics/990715343.jpg）

如您所见，第一句“This text is read from right to left”是在底部对齐的，这意味着段落的顺序是错误的。

是否有另一种方法可以使文本正常从上到下流动并从右到左阅读？

谢谢

Answer 1

看起来（正如我在评论中解释的那样）您实际上希望文本行从下到上布置。目前没有标准或跨浏览器的方式来实现这一点。在 IE（版本 8 和更新版本）上，您可以使用 writing-mode: rl-bt（从右到左，从下到上）。您可能还希望设置text-align: left，因为从右到左的方向默认意味着右对齐，这对于从右到左的语言来说是可以的，但对于从左到右的语言书写方向的技巧则不然。