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>

它是一个实验网站的一部分，它会反映源代码中的所有文本，但对用户可读。

如果我只有一个文本句子，它的效果很好。但是，一旦文本的长度超过元素的大小（在这种情况下为300px），句子的顺序就不再有效。例如：

来源：

<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）

如您所见，第一句，＆＃34;此文本从右到左阅读＆＃34;在底部对齐，这意味着段落的顺序是错误的。

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

谢谢

Answer 1

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