1

你好吗 ?我买了这个模板 ( http://www.awerest.com/demo/syndicate/onepage/ ),它非常好,但我遇到了问题。我想将整个模板的方向更改为 "rtl" 。但它实际上不起作用,所有的变化都没有得到反映。

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

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

如果有人可以帮助我改变这个模板方向,那会很好,非常感谢。

4

4 回答 4

3

简单的解决方案

在表单和插入的文本上使用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/

于 2016-07-01T10:38:39.587 回答
1

最好直接在 HTML 中设置方向(使用dir属性)而不是修改 CSS。这将更改页面上的所有元素,而无需对 CSS 进行详细修改。

于 2013-09-20T19:40:20.667 回答
1

简单地将 a 添加* {direction: rtl}到您的 css 中。如果在其他元素上明确设置了方向,请使用* {direction: rtl !important}

于 2013-09-20T19:40:06.477 回答
0

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

<?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>
于 2021-06-02T14:03:31.547 回答