नकारात्मक साइन स्थिति कैसे बदलें css

Question

मेरे पास एक ऐसी वेबसाइट है जो इसकी सामग्री को दो दिशा दिखाती है। आरटीएल & एलआरटी।

जब पृष्ठ एलटीआर सामग्री मोड में होता है, तो प्रत्येक थिन ठीक है और संख्या के बाईं ओर नकारात्मक संकेत दिखाता है।

body { 
    direction: ltr; 
} 

उदाहरण के लिए: -1

लेकिन पेज rtl मोड में है जब,

body { 
    direction: rtl; 
} 

संख्या के ऋणात्मक चिह्न संख्या का सही में पता चलता है।

उदाहरण के लिए: 1-

जबकि मैं दोनों ही मामलों में संख्या के बाईं में ऋणात्मक चिह्न दिखाना चाहते हैं। मैं यह कैसे करु? धन्यवाद।

Answer 1

लपेटें सी अवधि में संख्या और दो को जोड़ने यह करने के लिए सीएसएस निम्नलिखित:

direction: ltr; 
display: inline-block; 

Answer 2

span में संख्याओं को लपेटना और दिशा को बदलने से कोई प्रभाव नहीं पड़ता, जैसा कि इस पहेली में दिखाया गया है: https://jsfiddle.net/shaansingh/kLpa8ygv/।

हालांकि, ओपी ने पाया कि inline-block जोड़कर और - को अवधि में लिखकर, समाधान काम करता था। बस इसे इस उत्तर में जोड़ना ताकि यह यथासंभव संसाधन हो सके। पूर्ण विवरण के लिए कृपया टिप्पणियां और ओपी का उत्तर देखें।

direction: ltr; 
display: inline-block; 

आप समस्या को ठीक करने के लिए हमेशा एक छोटी जावास्क्रिप्ट का सहारा ले सकते हैं। का पता लगाने के लिए कि क्या शरीर rtl है और उसके अनुसार बदलने के लिए इस स्क्रिप्ट का उपयोग करें (यह मानते हुए लीटर HTML में डिफ़ॉल्ट है):

var element = document.body, 
    style = window.getComputedStyle(element), 
    direction = style.getPropertyValue('direction'); 

if (direction == "rtl") { 
    document.getElementById("neg").innerHTML = "1-"; 
} 

पूर्ण कोड इस बेला में है: https://jsfiddle.net/shaansingh/axpevvon/4/

Answer 3

आप सी अवधि में नंबर दे सकते हैं और

<span class="nagativeVal">-1</span> 

सीएसएस:

.nagativeVal 
{ 
    direction: ltr; 
} 

उस अवधि की तरह लीटर करने के लिए दिशा दे

उम्मीद है कि यह मदद करता है।

Answer 4

नीचे दिए गए कोड को चेक करें!

BODY { 
 
    direction: rtl; 
 
} 
 
#test { 
 
    direction: ltr; 
 
    text-align: right 
 
}

Sample Text abc <br /> 
 
    -1 
 
    <p id="test">-1 </p>