CSS 줄바꿈

bunny.log·2022년 11월 14일
0

white-space normal;
공백 줄바꿈문자 처리방법 (띄어쓰기나 줄바꿈으로 이한 공백부분 등)
normal이 기본값, 여러칸의 공백이나 줄바꿈을 공백 1칸으로 인식한다.
지정된 넓이의 끝에서 자동으로 줄바꿈한다.

word-break normal;
텍스트가 들어가는 블럭요소의 넓이에 맞춰 줄바꿈 하는 CSS (강제 줄바꿈 방지, 텍스트길이 제한)

normal이 기본값, 단어 단위로 끊어서 줄바꿈 한다 .
(단어 단위로 줄바꿈되어 오른쪽 공간이 꽉차지 않고 비어있는 형태다.)

word-break break-all;
글자 단위로 줄바꿈 한다. (글자단위로 줄바꿈이 되어 글자가 박스 안에서 가득차는 형태다.)

word-break keep-all;
한글일 경우 띄어쓰기 기준으로 줄바꿈 해준다.
(ie계열/아시아 언어만 지원,파폭 3.5이상에서는 지원)

profile
나를 위한 경험기록

0개의 댓글