How to use the text-justify attribute in css

This article mainly shows you "how to use the text-justify attribute in css", the content is easy to understand, clear, hope to help you solve your doubts, the following let the editor lead you to study and learn "how to use the text-justify attribute in css" this article.

CSS3text-justify attribute

The text-justify property specifies the rationale for setting text alignment to "justify", how the text should be aligned, and how the spacing should be aligned.

Syntax:

Text-justify:auto | inter-word | inter-ideograph | inter-cluster | distribute | kashida | trim

Parameters:

Auto: the browser determines the alignment algorithm.

None: disables alignment.

Inter-word: increase / decrease the interval between words. Align the text by adjusting the spacing between words to effectively create other word spacing. This is actually a variation of the word-spacing attribute.

Inter-ideograph: arrange the content with ideographic text.

Inter-cluster: align only content that does not contain internal word spacing (such as the Asian language family).

Distribute: similar to newspaper layout, except that the last line in the East Asian language family is not aligned.

Kashida: aligns content by stretching characters.

Note: only InternetExplorer supports the text-justify attribute.

An example of using the CSS3text-justify attribute

Div

{

Text-align:justify

Text-justify:inter-word

}

CSStext-justify instance

Php Chinese website

Tip: please resize the browser window to see the alignment effect.

The above is all the content of the article "how to use the text-justify attribute in css". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!