Html 内联元素方向

Html 内联元素方向,html,css,Html,Css,是否可以仅使用css更改内联元素顺序 就像我们这样: <span class="opening_quote">“</span> <span class="text">Lorem ipsum...</span> <span class="closing_quote">”</span> 到 谢谢。您可以将上的文本对齐(正如已经建议的那样)与上的浮动相结合。打开使其在需要时向右浮动,或将其位置更改为绝对值与右侧:0您可以将.te

是否可以仅使用css更改内联元素顺序

就像我们这样:

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


谢谢。

您可以将
上的文本对齐(正如已经建议的那样)与
上的
浮动相结合。打开
使其在需要时向右浮动,或将其位置更改为
绝对值
右侧:0

您可以将
.text
span
上的文本对齐(如已建议的)与
上的
浮动相结合。打开
使其在需要时向右浮动,或将其位置更改为
绝对值
右侧:0

您需要创建以下结构:

<span class="text">Lorem ipsum...</span>
<span class="opening_quote">“</span>
<span class="closing_quote">”</span>
Lorem ipsum。。。
“
”

并根据方向将
绝对值
添加到引号中。

您需要创建以下结构:

<span class="text">Lorem ipsum...</span>
<span class="opening_quote">“</span>
<span class="closing_quote">”</span>
Lorem ipsum。。。
“
”

并根据方向向引号中添加
absolute

有一个CSS
direction
属性,当应用于父元素时,该属性应满足您的需要


.rtl{方向:rtl;}

“ 乱数假文。。。 ”


有一个CSS
方向
属性,当应用于父元素时,它应该满足您的需要


.rtl{方向:rtl;}

“ 乱数假文。。。 ”


太好了,我用这个。谢谢太好了,我用这个。谢谢不,抱歉,它不会改变元素顺序。请看第二部分中的引号:它们以错误的方式显示。不,抱歉,它不会改变元素顺序。请看第二部分中的引号:它们以错误的方式显示。
<span class="text">Lorem ipsum...</span>
<span class="opening_quote">“</span>
<span class="closing_quote">”</span>
<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>