What is "css text-justify: inter-ideograph"?

The CSS property text-justify: inter-ideograph is used to control how text is justified (aligned to both the left and right margins) within a block of text.

Specifically, inter-ideograph is a value designed for text composed of ideographic characters (such as those found in Chinese, Japanese, and Korean). It adjusts spacing between ideographs to create a justified appearance.

Here's a detailed breakdown:

1. Justification in CSS:

- Justification is a text alignment method where text is spread out so that both the left and right edges of a paragraph appear aligned. It's typically achieved by adjusting the spacing between words.

2. The Need for `inter-ideograph`:

- Standard justification methods that work well with alphabetic scripts (e.g., English) often don't produce visually pleasing results for ideographic scripts. This is because these scripts do not have clear word boundaries, and the spacing needs to be adjusted between the characters themselves.

3. How `inter-ideograph` Works:

- When applied, text-justify: inter-ideograph causes the browser to increase or decrease the horizontal space between ideographic characters to fill the line. This ensures that each line of text reaches both the left and right edges of its container.

- It's important to note that this property primarily affects the spacing between ideographic characters. It does not significantly alter the spacing between words in non-ideographic languages, like English. Therefore, it's best utilized when a large portion of the text block uses ideographic characters.

4. Usage Example:

<div style="text-align: justify; text-justify: inter-ideograph;">
  这是使用 "text-justify: inter-ideograph" 的一段中文文本示例。每一行都将左右对齐。
</div>

In this example, the div element will have its text justified, and the browser will use inter-ideograph to adjust the space between the ideographs, making each line reach the full width.

5. Important Considerations:

- If the content also contains a mixture of Latin and ideographic characters, the inter-ideograph method will attempt to justify based on the ideographs and might not always look perfect for the Latin characters.

- Browser support is relatively good, but ensure to test across different browsers and versions to confirm its behavior.

In summary, text-justify: inter-ideograph is a specific text justification method designed for ideographic scripts, enhancing readability and visual appeal by creating an even distribution of text across the container width.

Learn more about this