Question

我希望让我的网站双语（阿拉伯语\英语）意味着2个不同的方向

英语=＆gt; LTR＆＃34;从左到右＆＃34; 阿拉伯语=＆gt; RTL＆＃34;从右到左＆＃34;

所以，我需要一个脚本＆＃34;像Facebook＆＃34;当用户选择阿拉伯语时，网站会将整个模板+文本更改为RTL，而选择英语时则完全相反。

谢谢＆amp;最诚挚的问候，

PS我已经在这个论坛上搜索了这个案例，但我没有找到有用的信息，所以如果有一篇帖子谈论同一个问题而且它已经[已解决]了把链接放在下面。

Answer 1

您需要从服务器按语言加载内容。如果你想在这种情况下改变方向，你可以做到这一点

如果你需要RTL而不是放这个css

direction: rtl;

当你需要LTR时

direction: ltr;

<强>更新

如果你想改变点击按钮的方向而不是试试这个

<强> CSS

.rtl-direction {
   direction: rtl; 
}
.ltr-direction {
   direction: ltr; 
}

<强>脚本

$('button').click(function(){
   $('body').toggleClass(function(){
      return $(this).is('.rtl-direction, .ltr-direction') ? 'rtl-direction ltr-direction' : 'rtl-direction';
  })
})

Answer 2

我用了这个解决方案

在CSS中添加此类

.rtl{direction:rtl;text-align:right;}

然后在您要从右到左的任何项目中使用此代码

<div class="@(Model.RtlEnabled ? "rtl" : "")"> Your right to left text <div>

我在ASP.Net核心中使用它，您可以为您的代码进行更改。

如何自动更改站点方向LTR \ RTL？

2 个答案: