Deal with the misalignment of the right side of the multi-line text wrapping, so that the text is aligned on both sides

Add css style to text label

text-align:justify; // All lines aligned at both ends will evenly distribute word spacing on both sides

                 left //left alignment

                 right //right alignment

                center // centered

 The last line of text is left-aligned. If you do not change the last line of text, the last line of text will also be equally spaced between the two sides.

text-align-last: left; //The last line is left-aligned

                        right //right alignment

                        center // centered

 These two properties are generally used together

Other attribute values

Syntax: text-justify:
1. auto The browser determines the alignment algorithm.
2. none disables alignment.
3. inter-word Increase/decrease the space between words.
4. inter-ideograph uses ideographic text to align content.
5. inter-cluster only aligns content that does not contain inter-word gaps (such as Asian languages).
6. distribute is similar to newspaper layout, except that in East Asian languages, the last line is uneven.
7. kashida aligns content by stretching characters.

Guess you like

Origin blog.csdn.net/weixin_70563937/article/details/131229651