CSS 2 text ③

The defined text

|

| Want this piece of text

--In this format, but it backfired.

|

|

But that's how he presented it |

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　It turns out to be a single line that doesn't show up in the format we want. We can modify it by White-space properties.

White-space

White-space:normal | nowrap | Pre | Pre-wrap | Pre-line

Normal: determined by the browser

Pre-wrap usually used more often.

New Lines: Line break

Spaces and Tabs: Continuous spaces and continuous tab or Space tab tab

Text Wrapping: Wrap Line

Collapse: Merging into a single space

Wrap: Wraps automatically

No wrap: Won't wrap, force a line, and the line won't go out

Preserve: Reserved

　　　　　　

　　

Parsing: We found a word that is very long and does not wrap automatically we want it to be like this.

　　

This word we don't care how long we want it to wrap we can use Word-wrap.

Word-wrap: Word Wrapping

Word-wrap:normal | Break-word | Break-all

Normal: OK.

Break-word: Wrap Line

　　　　

But we found some problems left in the upper right corner of the space to come from the visual effect is not consistent with our expectations that we need to use Break-all

　　

　　

　　

CSS 2 text ③