컴

CSS3 Word Wrapping

· 2017-07-18 (화) 13:38:08 · 2439

CSS3 Word Wrapping


CSS3 word-wrap속성은 긴 단어가 깨져서 다음 줄로 감쌀 수있게합니다. 


단어가 너무 길어서 한 영역 내에 들어 가지 않으면 외부로 확장됩니다.


이 단락에는 매우 긴 단어가 들어 있습니다.이 단어는 모두 아주 평범한 단어입니다. 긴 단어는 끊어지고 다음 줄로 넘어갑니다.


단어 감싸기 속성을 사용하면 단어 중간에 단어를 분할하는 경우에도 텍스트를 감싸도록 할 수 있습니다.


이 단락에는 매우 긴 단어가 들어 있습니다.이 단어는 모두 아주 평범한 단어입니다. 긴 단어는 끊어지고 다음 줄로 넘어갑니다.


CSS 코드는 다음과 같습니다.


Example

Allow long words to be able to be broken and wrap onto the next line:


p {

    word-wrap: break-word;

}

|
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔팁

1,282건

퍼블리싱과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
CSS 17-07-18 조회 2,440
CSS 17-07-18 조회 2,513
CSS 17-06-13 조회 3,988
CSS 17-06-13 조회 3,343
CSS 17-06-13 조회 2,578
CSS 17-06-08 조회 2,066
CSS 17-06-08 조회 2,502
CSS 17-06-08 조회 1,992
CSS 17-06-06 조회 5,695
CSS 17-06-05 조회 3,646
CSS 17-06-05 조회 3,459
CSS 17-06-05 조회 2,536
HTML 17-06-02 조회 3,504
HTML 17-05-26 조회 3,945
CSS 17-05-05 조회 2,838
CSS 17-05-05 조회 2,326
CSS 17-05-05 조회 2,095
CSS 17-05-04 조회 3,083
CSS 17-05-04 조회 2,981
CSS 17-05-04 조회 3,480
CSS 17-04-10 조회 2,170
CSS 17-04-10 조회 1,856
CSS 17-04-10 조회 2,623
CSS 17-04-05 조회 2,271
CSS 17-04-05 조회 2,550
CSS 17-04-05 조회 2,549
CSS 17-04-04 조회 2,432
CSS 17-04-04 조회 2,598
CSS 17-04-04 조회 2,695
CSS 17-03-13 조회 3,266