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）

正如你所看到的第一句話， 「該文本從右向左讀取」在底部對齊，這意味着段落的順序是錯誤的。

有沒有另外一種方法來讓文本從上到下正常流動並從右向左閱讀？

謝謝

Answer 1

看來（我在評論解釋）是你真正想要的文本行進行佈局底部到頂部。目前沒有標準或跨瀏覽器的方式來實現這一點。在IE（版本8和更新版本）上，您可以使用writing-mode: rl-bt（從右到左，從下到上）。您可能還希望設置text-align: left，因爲從右到左的方向默認默認爲右對齊，這對於從右到左的語言來說是可以的，但對於從左到右的語言編寫方向的技巧並不是這樣。