Shulou(Shulou.com)06/01 Report--

Xiaobian to share with you how to use the text-justify attribute in css3, I believe most people do not know how to use it, so share this article for your reference, I hope you have a lot of harvest after reading this article, let's go and find out about it together!

CSS3text-justify attribute

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

Grammar:

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

Parameters:

auto: Browser determines alignment algorithm.

None: Disable justification.

inter-word: Increase/decrease spacing between words. Aligns text by adjusting the spacing between words, effectively creating additional word spacing. This is actually a variation of the word-spacing property.

inter-ideograph: Aligning content with ideographic text.

inter-cluster: Aligns only content that does not contain internal word gaps (such as Asian languages).

distribute: Similar to newspaper layout except that in East Asian languages the last line is out of alignment.

Kashida: Aligns content by stretching characters.

Note: Only Internet Explorer supports the text-justify attribute.

CSS3text-justify attribute usage example

div

{

text-align:justify;

text-justify:inter-word;

}

CSStext-justify instance

php Chinese Net

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

The above is "how to use text-justify attribute in css3" all the contents of this article, thank you for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.