我使用CSS direction属性在<div>
标记内设置<figcaption>
和<figure>
标记的水平视觉顺序:
<figure>
<div>
<img src... />
</div>
<figcaption>Some text...</figcaption>
</figure>
在某些情况下,我希望<figcaption>
出现在<div>
及其子<img>
之前。在这些情况下,我使用以下声明:
figure {
direction: rtl;
}
在所有经过测试的浏览器中,这会产生一个完全清晰的<figcaption>
,显示在<img>
的左侧。
我的问题是,这是否会对文本在其他浏览器中的呈现方式产生负面影响?我想象<figcaption>
内容可能从右到左呈现。我知道我可以轻松地将<figcaption>
本身设置为ltr,但我想知道这是否是绝对必要的。