word-break: | 줄바꿈을 위한 속성으로, 어떤 식으로 줄바꿈을 이행할지에 대한 속성 | word-wrap: | 단어의 길이가 요소의 너비보다 넓을 때 줄바꿈을 이행할지에 대한 속성 | ||
normal | 일반적인 규칙에 따라 줄바꿈 (공백 기준) |
normal | 요소 너비보다 넘쳐도 줄바꿈 하지 아니함 | ||
keep-all | 단어 기준으로 줄바꿈 (비아시아) |
break-word | 요소 너비에 맞춰 줄바꿈 | ||
break-all | 요소 너비에 맞춰 줄바꿈 (아시아) |
word-break:
abcdefghijklmnopqrtuvwxyz.
abcdefghijklmnopqrtuvwxyz
abcdefghijklmnopqrtuvwxyz
a herb whose leaves have a strong, fresh smell and taste and are used for giving flavour to food
a herb whose leaves have a strong, fresh smell and taste and are used for giving flavour to food
a herb whose leaves have a strong, fresh smell and taste and are used for giving flavour to food
식물: 꿀풀과의 여러해살이풀. 줄기는 높이가 60~100cm이며, 잎은 마주나고 유선(油腺)이 있다.
식물: 꿀풀과의 여러해살이풀. 줄기는 높이가 60~100cm이며, 잎은 마주나고 유선(油腺)이 있다.
식물: 꿀풀과의 여러해살이풀. 줄기는 높이가 60~100cm이며, 잎은 마주나고 유선(油腺)이 있다.
word-wrap:
abcdefghijklmnopqrtuvwxyz.
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이며, 잎은 마주나고 유선(油腺)이 있다.
'css > basic' 카테고리의 다른 글
[css] variable 변수 총 정리 (0) | 2021.03.21 |
---|---|
[css] box-sizing 요소의 크기를 제어하는 속성 (0) | 2021.03.21 |
[css] 텍스트3: white-space 줄바꿈 속성 (0) | 2021.03.20 |
[css] 텍스트2: letter-spacing, word-spacing 간격 조절 속성 (0) | 2021.03.20 |
[css] 텍스트1: text-transform 대소문자 변환 속성 (0) | 2021.03.20 |
댓글