如何在rtl模式下使Html标签翻转？

时间：2014-05-30 14:33:32

标签： html css right-to-left

我有网络需要转换为rtl。 我在html标记中添加了dir="rtl"。

<div class="alert alert-info">BLAH BLAH <a class="url-help" target="_blank" href="some_url">LEARN_MORE</a></div>

enter image description here

为什么在RTL模式下，“了解更多”链接仍在右侧？

2 个答案:

答案 0 :(得分：2)

您必须更改标记中的顺序，或将每个顺序浮动到右侧。

Floats会引入各种CSS问题，因此如果您只是更改标记中的顺序，它是理想的

答案 1 :(得分：2)

看起来您必须在a元素本身上指定方向：

<div class="alert alert-info">BLAH BLAH
    <a dir="rtl" class="url-help" target="_blank" href="some_url">LEARN_MORE</a>
</div>

JSFiddle demo

相关问题
最新问题