How to use the text-justify attribute in css3
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!
