アレンジ/リピート部CSS3を使用して右から左へ

Question

RTLをサポートするウェブサイトを開発中です。だから私はforeachを使ってdivを繰り返しています。

<?php foreach ($list as $key => $row) { ?> 
    <div>---contents---</div> 
<?php } ?> 

通常通り、左側から右側に配置されています。

divを左側から右側に繰り返すにはどうすればよいですか？

Answer 1

あなたはdir属性を探しています。このような何か動作するはずです：

<dir dir="rtl"> 
    <div>a</div> 
    <div>b</div> 
    <div>c</div> 
    <div>d</div> 
</dir> 

行のdiv要素のレイアウトを確認するために、CSSのこのビットを追加：あなたは、コンテナにdisplay: flex;とflex-direction: row-reverseを使用することができますいずれか

div { 
    display: inline-block; 
} 

See the plunkr.

Answer 2

素子。これには、あなたが探していたかもしれないいくつかの追加の効果（子要素の位置とサイズ）があります。

または（後続の要素は右の垂直位置になるように、容器上にoverflow: hidden;、および安全のために）あなたはすべての子要素にfloat: right;を置く