सीएसएस के साथ उचित पाठ में शब्द-रिक्ति को कैसे नियंत्रित किया जाए?

Question

मेरे पास पाठ के 2 ब्लॉक हैं जो बहुत छोटे हैं (बस एक पैराग्राफ के तहत प्रत्येक) और वे वास्तव में बेहतर न्यायपूर्ण दिखते हैं लेकिन समस्या यह है कि text-align: justify;कभी-कभी वास्तव में बड़े रिक्त स्थान को जोड़ता है और पाठ को कुछ बदसूरत बनाता है (विपरीत प्रभाव, स्पष्ट रूप से)।

क्या सीएसएस के साथ रिक्ति शब्द को अधिक सूक्ष्म रूप से ट्यून करना संभव है ताकि ऐसा न हो?

Answer 1

CSS TEXT-JUSTIFY

यह IE- केवल संपत्ति संपत्ति में प्रयुक्त "औचित्य" मूल्य पर शोधन प्रदान करता है text-align। वास्तव में, text-justifyकिसी भी प्रभाव के लिए उस संपत्ति के लिए "उचित" मूल्य निर्धारित किया जाना चाहिए ।

text-justify संलग्न सामग्री पर औचित्य नियंत्रण का एक अच्छा स्तर प्रदान करता है, जो विभिन्न भाषा लेखन प्रणालियों में उपयोग किए जाने वाले परिष्कृत औचित्य मॉडल की एक किस्म के लिए अनुमति देता है।

उदाहरण

<p style="text-align: justify; text-justify: newspaper;">
    This is “Newspaper” justified content
</p>

संभावित मान

VALUE                   DESCRIPTION
----------------------  ---------------------------------------------------------------------
auto                    The browser will determine the appropriate justification algorithm
                        to use

distribute              Justification is handled similarly to the “newspaper” value,
                        but this version is optimized for East Asian content
                        (especially the Thai language.)
                        In this justification method, the last line is not justified.

distribute-all-lines    Behavior and intent for this value is the same as with the
                        “distribute” value, but the last line is also justified.

inter-cluster           Justifies content that does not have any inter-word spacing
                        (such as with many East Asian languages.)

inter-ideograph         Used for justifying blocks of ideographic content.
                        Justification is achieved by increasing or decreasing spacing
                        between ideographic characters and words as well.

inter-word              Justification is achieved by increasing the spacing between words.
                        It is the quickest method of justification and does not justify
                        the last line of a content block.

newspaper               Spacing between letters and words are increased or decreased
                        as necessary.

IE संदर्भ कहता है "यह लैटिन वर्णमाला के औचित्य का सबसे परिष्कृत रूप है।"

स्रोत: http://www.css3.com/css-text-justify/

उम्मीद है की यह मदद करेगा!

Comments

यह अब अन्य ब्राउज़रों द्वारा समर्थित प्रतीत होता है ।

— mndrix

Answer 2

उपयोग करने के अलावा text-justify, जो वर्तमान में केवल IE द्वारा समर्थित प्रतीत होता है, स्पष्ट हाइफ़नेशन संकेत ­और / या ब्राउज़र-आधारित स्वचालित हाइफ़नेशन के साथ हाइफ़नेशन जोड़ने पर विचार करें , hyphens: autoनियत ब्राउज़र उपसर्गों के साथ या हायफ़िनेटर.जैस की तरह जावास्क्रिप्ट-आधारित हाइफ़िनेटर का उपयोग करके। हाइफ़नेशन अक्सर औचित्य में अतिरिक्त रिक्ति की आवश्यकता को कम करता है।

Comments

The text-justify property is supported in all of the major browsers., स्रोत: w3schools.com/cssref/css3_pr_text-justify.asp और टेक्स्ट-संरेखित करें, w3schools.com/cssref/pr_text_text-align.asp

@AbdiasSoftware, पेज फर्जी है - अभी तक w3schools के बकवास होने का एक और सबूत है, देखें w3fools.com (w3schools पृष्ठ में "PlayIt" बटन है, जिसे आप उपयोग कर सकते हैं, बल्कि यह देख सकते हैं कि उनकी जानकारी गलत है।)

— जुक्का के। कोर्पेला

वे कभी-कभी थोड़े

@AbdiasSoftware, अन्य स्रोत एक अन्य संपत्ति के बारे में है। Reference.sitepoint.com साइट में बिल्कुल उल्लेख नहीं है text-justify। लेकिन मुझे खेद है कि मैंने शुरू में text-align-justifyइसके बजाय text-justify(अभी तय) लिखा था । सेटिंग text-align: justifyयहाँ निहित है; मुद्दा यह है कि क्या औचित्य के प्रकार को नियंत्रित किया जा सकता है।

— जुक्का के। कोर्पेला

हम्म, अच्छी तरह से दिलचस्प। मैं कुछ और शोध करूंगा। धन्यवाद। यह 4 बजे यहाँ है, मेरा निर्णय बंद है :-)