CSS Learning (12)-Text line break

Source: Internet
Author: User

First, the theory:
1.word-wrap:
A.normal line wrapping in half-width spaces or hyphens
B.break-word do not truncate English word wrapping
2.word-break:
A.normal Chinese to the boundary of Chinese characters Line, English from the whole word to break
B.break-all forcibly truncate English words for wrapping
C.keep-all not allow word break
3.while-space:
A.normal Default Value
B.pre text Blank space will be detained by the browser
C.nowrap text will be on the peer until a newline character is encountered
D.pre-line merges a sequence of whitespace characters, preserving newline characters
E.pre-wrap preserves a sequence of whitespace characters and wraps it normally.
F.inherit inherit the While-space property of the parent element

Second, Practice:

1.

<!    DOCTYPE html>

CSS Learning (12)-Text line break

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.