लांग डिवीजन प्रतीक (एचटीएमएल और/या सीएसएस)

Question

मैं एचटीएमएल/सीएसएस का उपयोग कर पारंपरिक लंबे विभाजन प्रतीक को प्रदर्शित करने का एक तरीका ढूंढ रहा हूं (जैसा कि यहां दिखाया गया है: http://barronstestprep.com/blog/wp-content/uploads/2013/04/longdiv1.png)।

यह (http://www.fileformat.info/info/unicode/char/27cc/index.htm) मूल रूप से मुझे चाहिए जो मुझे चाहिए, लेकिन मुझे नहीं लगता कि कई लोगों को यह देखने के लिए उनके कंप्यूटर पर उचित फ़ॉन्ट स्थापित होगा (मुझे कम से कम नहीं)।

मैं भी इस (नीचे) की कोशिश की है, लेकिन यह क्रोम और एफएफ पर लगातार प्रदर्शित नहीं करता है ...

4<span style="text-decoration: overline;"><span style="font-size: 14px">)</span>84</span> 

यह लंबे समय विभाजन बॉक्स के साथ 84 ÷ 4 प्रदर्शित किया जाना चाहिए।

विचार?

Answer 1

<span style="border-right: 1px black solid; border-radius: 0px 0px 10px 0px"> 
    4 
</span> 
<span style="border-top: 1px black solid; "> 
    84 
</span> 

Demo

Answer 2

अवधारणा और "लंबे समय विभाजन" का अंकन स्कूल में गणित शिक्षण की, पारंपरिक है, कुछ परंपराओं में है, और यह संदर्भों जहां पूर्णांक विभाजन के कदम रेखांकन को समझाया गया है में प्रयोग किया जाता है। छवियों का उपयोग करके एचटीएमएल और सीएसएस में ऐसा करने का कोई भरोसेमंद तरीका नहीं है, या तो बड़ी छवियों को एक प्रक्रिया के रूप में या टुकड़े की तरह, एक टुकड़ा जिसमें केवल एक संख्या, लंबी विभाजन ऑपरेटर, और एक और संख्या है (जैसा कि प्रश्न में संदर्भित जेपीजी में)। इस तरह उदा। http://www.mathsisfun.com/long_division.html यह करता है। पृष्ठ http://en.wikipedia.org/wiki/Long_division प्रीफॉर्मेटेड टेक्स्ट का उपयोग करता है, असीसी अक्षरों जैसे ")" और "_" से निर्माण प्रतीक, लेकिन परिणाम आदिम दिख रहा है और मजबूत नहीं है (उदाहरण के लिए, स्क्रीन रीडर में गड़बड़ हो जाता है)।

किसी छवि का उपयोग करते समय, आपको alt टेक्स्ट लिखना चाहिए जो इस विचार को मौखिक रूप से व्यक्त करता है। यह कुछ हद तक संदर्भ पर निर्भर करता है, लेकिन मुझे डर है कि इसे alt="long division with divisor 4, dividend 84" जैसे लम्बे होने की आवश्यकता होगी।

लंबे विभाजन का निर्माण करने के लिए केवल HTML और CSS का उपयोग करना निराशाजनक है, क्योंकि HTML और CSS गणित नोटेशन में आवश्यक दो-आयामीता वाले किसी भी चीज़ के साथ शक्तिहीन हैं (यानी, गणितीय अभिव्यक्ति जो वर्णों के सरल रैखिक अनुक्रम नहीं हैं)। यहां तक ​​कि square root expression का निर्माण, रेडिकैंड पर विस्तारित एक वाइनकुलम के साथ, ऐसी ट्रिकरी की आवश्यकता होती है जो आसानी से विफल हो जाती है, कम या ज्यादा, और ऐसी अभिव्यक्ति दिखाना समान है, लेकिन लंबे विभाजन अभिव्यक्ति से अनिवार्य रूप से सरल है।

चरित्र यू + 27 सीसी लंबी डिवीजन सैद्धांतिक रूप से आपको सादे पाठ में भी एक लंबी विभाजन अभिव्यक्ति लिखने देगा, क्योंकि यह यूनिकोड मानक में परिभाषित किया गया है ताकि यह "ग्राफिक रूप से लाभांश पर विस्तारित हो"। हालांकि, कई कारणों से यह काफी हद तक सैद्धांतिक है। सीमित फ़ॉन्ट कवरेज के अतिरिक्त (जिसे @font-face के साथ डाउनलोड करने योग्य फ़ॉन्ट का उपयोग करने के साथ निपटाया जा सकता है), दृष्टिकोण सॉफ़्टवेयर समर्थन की कमी से पीड़ित है। विचार "ग्राफिक रूप से लाभांश पर फैला हुआ है" आसानी से लागू नहीं किया गया है। जबकि ब्राउजर (उपयुक्त फ़ॉन्ट का उपयोग करते समय) 84⟌4 सही तरीके से प्रस्तुत कर सकते हैं, वे 84⟌42 के साथ असफल हो जाते हैं (प्रतीक इसके बाद "4" पर फैला हुआ है लेकिन "2" से अधिक नहीं है)। इसका कारण यह है कि यू + 27 सीसी वाले फोंट में, इसे अग्रिम नियमों के साथ लागू किया जा सकता है जो दर्शाता है कि ऑपरेटर अगले अंक पर विस्तारित प्रतीत होता है, लेकिन इसे अगले संख्या (अंक अनुक्रम) पर विस्तारित करने के लिए लगता है। , साधारण फ़ॉन्ट स्तर के ऊपर सॉफ्टवेयर समर्थन की आवश्यकता होगी।

Answer 3

एचटीएमएल 5 में, आप सीधे MathML का उपयोग कर सकते हैं।

<figure> 
    <math> 
    <mlongdiv> 
     <mn>4</mn> 
     <mn></mn> 
     <mn>84</mn> 
    </mlongdiv> 
    </math> 
    <figcaption> 
    This will display as a long division in browsers that support MathML 3. 
    </figcaption> 
</figure> 

MathML 2 के लिए आप इस तरह के MathJax के रूप में एक जावास्क्रिप्ट समाधान LaTeX पर आधारित है, का उपयोग कर सकते हैं: MathML 3 <mlongdiv> तत्व का समर्थन करता है। यहां long division example है जो \longdiv{84}{4} के इनपुट को पार्स करने के लिए MathJax TeX पार्सर का उपयोग करता है।