컴

CSS3 Word Wrapping

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

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,452
CSS 17-07-18 조회 2,525
CSS 17-06-13 조회 3,998
CSS 17-06-13 조회 3,353
CSS 17-06-13 조회 2,589
CSS 17-06-08 조회 2,079
CSS 17-06-08 조회 2,509
CSS 17-06-08 조회 1,997
CSS 17-06-06 조회 5,707
CSS 17-06-05 조회 3,657
CSS 17-06-05 조회 3,465
CSS 17-06-05 조회 2,542
HTML 17-06-02 조회 3,516
HTML 17-05-26 조회 3,953
CSS 17-05-05 조회 2,846
CSS 17-05-05 조회 2,332
CSS 17-05-05 조회 2,102
CSS 17-05-04 조회 3,092
CSS 17-05-04 조회 2,989
CSS 17-05-04 조회 3,491
CSS 17-04-10 조회 2,182
CSS 17-04-10 조회 1,868
CSS 17-04-10 조회 2,633
CSS 17-04-05 조회 2,284
CSS 17-04-05 조회 2,559
CSS 17-04-05 조회 2,556
CSS 17-04-04 조회 2,440
CSS 17-04-04 조회 2,608
CSS 17-04-04 조회 2,707
CSS 17-03-13 조회 3,277