內聯元素方向

是否可以使用css更改內聯元素順序？內聯元素方向

就像我們有這樣的：

<span class="opening_quote">「</span> 
<span class="text">Lorem ipsum...</span> 
<span class="closing_quote">」</span>

文本將是多行。
代碼應該支持ie6 + so：after和：之前我們不能使用。

但對於RTL方向，我們應該改變訂單報價和文字：

「Lorem ipsum dolor sit amet, consectetur 
adipiscing elit」

到

Lorem ipsum dolor sit amet, consectetur」 
         「adipiscing elit

感謝。

來源

2012-04-19 FlashTrava

您需要創建以下結構：

<span class="text">Lorem ipsum...</span> 
<span class="opening_quote">「</span> 
<span class="closing_quote">」</span>

並將absolute加上引號取決於方向。

來源

2012-04-19 14:08:11 pltvs

這很完美，我會用這個。謝謝！ – FlashTrava 2012-04-19 14:11:52

你可以在.textspan不斷變化的.opening_quote的float結合的text-align（如已經建議），因此在需要時正確浮動或改變它的位置absolute與right: 0;

來源

2012-04-19 14:06:06

是男人，我很喜歡你的解決方案，謝謝！ – FlashTrava 2012-04-19 14:11:29

這確實是一個奇怪的情況，希望這一切都適合你！ – 2012-04-19 22:46:13

-1

有一個CSS direction屬性，當應用於父元素應滿足您的需求。 MDN Link

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

<p class="rtl"> 
<span class="opening_quote">「</span> 
<span class="text">Lorem ipsum...</span> 
<span class="closing_quote">」</span> 
</p>

See this JSFiddle

來源

2012-04-19 14:09:25

不，對不起，它不會更改元素順序。 – FlashTrava 2012-04-19 14:15:12

看看你的報價在第二部分：他們看錯誤的方式。 – FlashTrava 2012-04-19 14:19:28

內聯元素方向

回答

相關問題