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

* {direction: rtl}cssに a を追加するだけです。方向が他の要素で明示的に設定されている場合は、* {direction: rtl !important}

于 2013-09-20T19:40:06.477 に答える
1

dirCSS を変更するよりも、(属性を使用して) HTML で直接方向を設定する方がよいでしょう。これにより、CSS を詳細に変更することなく、ページ上のすべての要素が変更されます。

于 2013-09-20T19:40:20.667 に答える