2

cssのみを使用してインライン要素の順序を変更することは可能ですか？

私たちがこれを持っているように：

<span class="opening_quote">“&lt;/span>
<span class="text">Lorem ipsum...</span>
<span class="closing_quote">”&lt;/span>
  • テキストは複数行になります。
  • コードはie6+をサポートする必要があるため、：afterと：beforeは使用できません。

ただし、rtlの方向については、引用符とテキストの順序を変更する必要があります。

“Lorem ipsum dolor sit amet, consectetur 
adipiscing elit”

に

Lorem ipsum dolor sit amet, consectetur”
                        “adipiscing elit

ありがとう。

4

3 に答える 3

0

でtext-align（すでに提案されているように）とonを.text span変更して、必要なときに正しくフロートするようにするか、位置をwithに変更することができます。float.opening_quoteabsoluteright: 0;

于 2012-04-19T14:06:06.187 に答える
0

次の構造を作成する必要があります。

<span class="text">Lorem ipsum...</span>
<span class="opening_quote">“&lt;/span>
<span class="closing_quote">”&lt;/span>

そして、引用符に追加するabsoluteことは方向に依存します。

于 2012-04-19T14:08:11.393 に答える
-1

direction親要素に適用するとニーズを満たすCSSプロパティがあります。MDNリンク

<style>
.rtl {direction:rtl;}
</style>

<p class="rtl">
<span class="opening_quote">“&lt;/span>
<span class="text">Lorem ipsum...</span>
<span class="closing_quote">”&lt;/span>
</p>

このJSFiddleを参照してください

于 2012-04-19T14:09:25.190 に答える