テーブルセルの順序変更を表示するCSS

Question

表示するように設定されたブロックを使用してWebページレイアウトを作成しています：table-cell。すべてがうまくいっていますが、セルを並べ替える（順序を変える）ことができず、このような可能性があるのか​​、それを達成するために何ができるのか疑問に思っています。テーブルセル:)任意の提案を事前に

ありがとう：

は、私が唯一のCSSやディスプレイを使用してこれを達成する必要があります。

HTML

<div class="dtc"> 
    <div>Item1</div> 
    <div>Item2</div> 
</div> 

CSS

.dtc{ 
    display: table; 
    width: 100%; 
} 
.dtc > *{ 
    display: table-cell; 
} 

現在のテーブル：

+-------+-------+ 
| Item1 | Item2 | 
+-------+-------+ 

望ましい結果：

+-------+-------+ 
| Item2 | Item1 | 
+-------+-------+ 

Answer 1

は親のRTLと子のLTRを使用します。これは注文を裏返します。

.dtc { direction: rtl; } 
.dtc > div { direction: ltr; } 

子供向けのテキストがないと、テキストが正しく整列されません。