将方向从 ltr 更改为 rtl

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

简单的解决方案

\n\n

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

\n\n

\r\n

\r\n

<div dir="auto">Hello, world!</div>\r\n<br/>\r\n<div dir="auto">\xd9\x84\xd8\xa7 \xd8\xa5\xd9\x84\xd9\x87 \xd8\xa5\xd9\x84\xd8\xa7 \xd8\xa7\xd9\x84\xd9\x84\xd9\x87 \xd9\x85\xd8\xad\xd9\x85\xd8\xaf \xd8\xb1\xd8\xb3\xd9\x88\xd9\x84 \xd8\xa7\xd9\x84\xd9\x84\xd9\x87</div>\r\n<br/>\r\n<input type="text" dir="auto" value="Hello, world!" > \r\n<br/><br/>\r\n<input type="text" dir="auto" value="\xd9\x84\xd8\xa7 \xd8\xa5\xd9\x84\xd9\x87 \xd8\xa5\xd9\x84\xd8\xa7 \xd8\xa7\xd9\x84\xd9\x84\xd9\x87 \xd9\x85\xd8\xad\xd9\x85\xd8\xaf \xd8\xb1\xd8\xb3\xd9\x88\xd9\x84 \xd8\xa7\xd9\x84\xd9\x84\xd9\x87" >

\r\n

\r\n

\r\n

\n\n

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

\n