内联元素方向
是否可以使用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
感谢。
您需要创建以下结构:
<span class="text">Lorem ipsum...</span>
<span class="opening_quote">“</span>
<span class="closing_quote">”</span>
并将absolute
加上引号取决于方向。
你可以在.text
span
不断变化的.opening_quote
的float
结合的text-align(如已经建议),因此在需要时正确浮动或改变它的位置absolute
与right: 0;
是男人,我很喜欢你的解决方案,谢谢! – FlashTrava 2012-04-19 14:11:29
这确实是一个奇怪的情况,希望这一切都适合你! – 2012-04-19 22:46:13
有一个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>
不,对不起,它不会更改元素顺序。 – FlashTrava 2012-04-19 14:15:12
看看你的报价在第二部分:他们看错误的方式。 – FlashTrava 2012-04-19 14:19:28
这很完美,我会用这个。谢谢! – FlashTrava 2012-04-19 14:11:52