디버깅 라이프

white-space white space란?? 여백이라고도 하는데 html에서는 공백, 공란으로 생각 하면 된다. normal : 기본값, 공백을 여러개 넣어도 공백 1개만 표시, 글이 길어지면 텍스트가 자동 줄바꿈 됨(wrap) nowrap : 공백을 여러개 넣어도 1개만 표시, 텍스트가 길어도 줄바꿈 되지 않고 같은 줄에 계속 표시 pre : 공백을 코드에 있는 그대로 표시함. 태그처럼 행동함. 코드에 줄바꿈이 없다면 줄바꿈이 되지 않음 pre-wrap : 공백을 코드에 있는 그대로 표시함. 코드에 줄바꿈이 없어도 자동 줄바꿈이 됨. pre-line : 공백을 여러개 넣어도 1개만 표시. 코드에 줄바꿈이 없어도 자동 줄바꿈이 되며, 코드에 줄바꿈이 있을 때도 그대로 표시 속성 새로운 줄 공백과 들여..

word-break word-break : 글(text)이 길어질 때 줄바꿈을 어떻게 할지 지정하는 속성 word-wrap은 비아시아 언어의 줄바꿈을 제어한다면word-break는 아시아, 비아시아 언어의 줄바꿈을 모두 제어할 수 있습니다. word-break 속성값normal: 기본값으로, 일반적인 규칙에 따라 줄바꿈 함 break-all: 문자를 강제로 줄바꿈 할 수 있음. 아시아 언어(CJK)에서 사용할 때는 normal처럼 행동하며 비 아시아 언어에 사용할 때는 임의대로 줄바꿈 할 수 있음. keep-all: 문자 쌍 사이에서 줄바꿈이 금지 비 아시아 언어에 사용될 때는 normal처럼 행동함.※ width나 hieght값을 지정해야 한다. ex)