内联元素方向

是否可以使用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

内联元素方向

回答

相关问题