मैं इस एचटीएमएल है ltr यह प्रदर्शित करता है:सीएसएस दिशा rtl तत्व आदेश समस्या
x: 1, y: 2 | link1 | link2
लेकिन जब मैंने उसे rtl करने के लिए बदल शो है:
link2 | x: 1, y: 2 | link1
जबकि मैं उम्मीद करता हूं:
link2 | link1 | 2 :y ,1 :x
क्या डीओएम तत्व संरचना को संशोधित करने के परिणामस्वरूप अपेक्षित परिणाम प्राप्त करने के लिए सीएसएस गुण सेट करने का कोई तरीका है (तत्वों के प्रकार बदल सकते हैं)?
इस प्रयास करें:
<body style="direction: rtl">
<div style="display:inline-block">
<span dir="rtl">x:</span> <span dir="rtl">1</span>,
<span dir="rtl">y:</span> <span dir="rtl">2</span> |
<a>link1</a> |
</div>
<a>link2</a>
</body>
यह मुझे दिया है कि तुम क्या चाहते थे।
उपयोगी लिंक्स: http://www.i18nguy.com/markup/right-to-left.html और http://www.w3.org/TR/html401/struct/dirlang.html
परिवर्तन इनलाइन-ब्लॉक इनलाइन-फ्लेक्स के लिए
<body style="direction: rtl">
<div style="display:inline-flex">
<span>x:</span> <span>1</span>,
<span>y:</span> <span>2</span> |
<a>link1</a> |
</div>
<a>link2</a>
</body>
यह होगा प्रदर्शित करता है आप एफएफ & क्रोम में चाहते हैं, लेकिन के रूप में नहीं IE में।
मेरे लिए यह काम कर रहा है लेकिन मुझे अन्य चीजों को तोड़ने से डर है .... क्या मैं सत्यापित करने के लिए कोई परीक्षण चलाता हूं? –
धन्यवाद, यह –
धन्यवाद। मेरे पास मेरी div शैली = इनलाइन थी। एक बार जब मैंने इसे इनलाइन ब्लॉक में बदल दिया तो यह काम करता था। फिर से धन्यवाद। – moeabdol