본문 바로가기
css/basic

[css] 텍스트4: word-break, word-wrap 줄바꿈 속성(단어 기준)

by by-choice 2021. 3. 20.
word-break: 줄바꿈을 위한 속성으로, 어떤 식으로 줄바꿈을 이행할지에 대한 속성 word-wrap: 단어의 길이가 요소의 너비보다 넓을 때 줄바꿈을 이행할지에 대한 속성
  normal 일반적인 규칙에 따라 줄바꿈
(공백 기준)
  normal 요소 너비보다 넘쳐도 줄바꿈 하지 아니함
  keep-all 단어 기준으로 줄바꿈
(비아시아)
  break-word 요소 너비에 맞춰 줄바꿈
  break-all 요소 너비에 맞춰 줄바꿈
(아시아)
     

word-break:

normal

abcdefghijklmnopqrtuvwxyz.

keep-all

abcdefghijklmnopqrtuvwxyz

break-all

abcdefghijklmnopqrtuvwxyz

normal

a herb whose leaves have a strong, fresh smell and taste and are used for giving flavour to food

keep-all

a herb whose leaves have a strong, fresh smell and taste and are used for giving flavour to food

break-all

a herb whose leaves have a strong, fresh smell and taste and are used for giving flavour to food

normal

식물: 꿀풀과의 여러해살이풀. 줄기는 높이가 60~100cm이며, 잎은 마주나고 유선(油腺)이 있다.

keep-all

식물: 꿀풀과의 여러해살이풀. 줄기는 높이가 60~100cm이며, 잎은 마주나고 유선(油腺)이 있다.

break-all

식물: 꿀풀과의 여러해살이풀. 줄기는 높이가 60~100cm이며, 잎은 마주나고 유선(油腺)이 있다.

word-wrap:

normal

abcdefghijklmnopqrtuvwxyz.

break-word

abcdefghijklmnopqrtuvwxyz


실전: 관리자 페이지에서 관리하는 영역 외엔 반드시 word-wrap: break-word 추가!

[비아시아]
word-break: keep-all;
word-wrap: break-word;

abcdefghijklmnopqrtuvwxyz.

a herb whose leaves have a strong, fresh smell and taste and are used for giving flavour to food

[아시아]
word-break: break-all;
word-wrap: break-word;

가나다라마사아자차카파타하

식물: 꿀풀과의 여러해살이풀. 줄기는 높이가 60~100cm이며, 잎은 마주나고 유선(油腺)이 있다.

댓글