Question

你好吗？我买了这个模板（http://www.awerest.com/demo/syndicate/onepage/），非常好，但我遇到了问题。我想将整个模板的方向更改为“rtl”。但它没有起作用所有的变化都没有得到反映。

我添加了这个CSS，但它也不起作用

html { direction:rtl;} body { direction: rtl     } section {    direction:rtl; } div {    direction:rtl;} ul     direction:rtl;}

如果有人可以帮助我做些什么来改变这个好的模板方向，非常感谢。

Answer 1

简单解决方案

在表单和插入的文本上使用 dir =“auto”，以便自动检测运行时提供的内容的方向

<div dir="auto">Hello, world!</div>
<br/>
<div dir="auto">لا إله إلا الله محمد رسول الله</div>
<br/>
<input type="text" dir="auto" value="Hello, world!" > 
<br/><br/>
<input type="text" dir="auto" value="لا إله إلا الله محمد رسول الله" >

JSFIDDLE演示 https://jsfiddle.net/80k0drsf/

Answer 2

您可能最好直接在HTML中设置方向（使用dir属性）而不是修改CSS。这将改变页面上的所有元素，而无需对CSS进行详细修改。

Answer 3

简单地向您的CSS添加* {direction: rtl}。如果方向明确设置在其他元素上，请使用* {direction: rtl !important}

Answer 4

要根据所选语言自动更改语言，请使用以下代码：

<?php
$language = str_replace('_', '-', app()->getLocale());
if ($language == 'ar') {
    $textdir = 'rtl';
} else {
    $textdir = 'ltr';
}
?>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}" dir="<?php echo $textdir; ?>">
...
</html>

改变从ltr到rtl的方向

4 个答案: