วิธีควบคุมการเว้นวรรคคำในข้อความที่เป็นธรรมด้วย CSS?

ฉันมีข้อความสองบล็อกที่ค่อนข้างเล็ก (แค่ย่อหน้าละย่อหน้า) และพวกเขาดูเป็นธรรมที่ดีขึ้น แต่ปัญหาคือtext-align: justify;บางครั้งก็เพิ่มช่องว่างขนาดใหญ่มากและทำให้ข้อความค่อนข้างน่าเกลียด

เป็นไปได้หรือไม่ที่จะปรับระยะห่างระหว่างคำด้วย CSS ให้ละเอียดยิ่งขึ้นเพื่อให้สิ่งนี้ไม่เกิดขึ้น?

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/

หวังว่านี่จะช่วยได้!

นอกเหนือจากการใช้text-justifyซึ่งดูเหมือนว่าจะได้รับการสนับสนุนจาก IE เท่านั้นในปัจจุบันให้พิจารณาเพิ่มการใส่ไฮเฟ็นด้วยคำแนะนำการใส่ไฮเฟ็นอย่างชัดเจน­และ / หรือการใส่ไฮเฟ็นอัตโนมัติบนhyphens: autoเบราว์เซอร์โดยใช้ การใส่ไฮเฟนเนชันมักช่วยลดความจำเป็นในการเว้นระยะห่างในการจัดชิดขอบ