CSS 方向 :rtl and top to bottom?

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)

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

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

谢谢

Answer 1

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