'दिशा आरटीएल' अनुच्छेद

Question

के अंदर पाठ के एक टुकड़े को 'दिशा ltr' होने के लिए कैसे मजबूर करें, तो फोन नंबर हमेशा एलटीआर (बाएं से दाएं) होते हैं।

एक बहुभाषी वेबसाइट मैं (एक '+' उपसर्ग और संख्या द्वारा अलग '-') एक फोन नंबर डालने की आवश्यकता पर कार्य करना एक पाठ पैरा के अंदर है कि दिशा rtl

(बेशक प्रासंगिक भाषाओं के लिए)

.ltr #test {direction:ltr} 
 
.rtl #test {direction:rtl} 
 
#phone {direction:ltr}

<div class="ltr"><p id="test">Please call to <span id="phone">+44-123-321</span> for some help.</p></div> 
 
<div class="rtl"><p id="test">Please call to <span id="phone">+44-123-321</span> for some help.</p></div>

पाठ्यक्रम इसमें से

काम नहीं कर रहा है क्योंकि 'direction' केवल ब्लॉक तत्व औरके लिए काम करता है: तो मैं इस तरह कुछ है'एक इनलाइन तत्व है। मुझे अनुच्छेद के अंदर होने के लिए फोन नंबर की आवश्यकता है, इसलिए मैं 'span' को 'display:inline'

नहीं बदल सकता हूं?

इसे कैसे काम करें?

Answer 1

तुम बस से पहले + संकेत एक यूनिकोड दिशात्मकता मार्कर वर्ण का उपयोग एल्गोरिथ्म संकेत यह की जरूरत है देने के लिए कर सकते हैं की कोशिश।

ये हैं:

LTR: 0x200E 
RTL: 0x200F 

तो:

<p id="text">Please call to <span id="phone">&#x200F;+44-123-321</span> for some help</p>

देखें this अतः अधिक जानकारी के लिए जवाब।

Answer 2

जोड़ने #phone {direction:ltr; display:inline-block}

Answer 3

एक अन्य विकल्प dir='ltr' विशेषता का उपयोग करने के लिए, अपने इनलाइन तत्व में हो सकता है:

<p id="text">Please call to <span dir='ltr'>+44-123-321</span> for some help</p> 

कृपया ध्यान दें कि आपके HTML में ‎ सहित dir='ltr' विशेषता का उपयोग कर के रूप में के रूप में बुरा है।