개발자의 끄적끄적

[CSS] 텍스트 줄바꿈 처리 word-break, white-space [펌] 작업을 하다보면 텍스트가 정해진 width를 넘어가는 경우 어떻게 처리해야 하나 고민이 될 때가 있습니다. 그럴 때는 상황에 따라서 이 것들을 사용해서 해결해주면 좋을 듯 합니다. word-break word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다. .selector {word-break:break-all;} 위와 같은 속성을 주게되면 위의 그림의 아래 부분과 같이 단..

[html / css] CSS 줄바꿈 금지 - white-space:nowrap; [펌] 줄바꿈이 되지않은 것(뚫고 나오네요) 현재 시각은 2015년 1월 25일 일요일 오후 10시 45분 입니다. ^^* 줄바꿈이 된것 현재 시각은 2015년 1월 25일 일요일 오후 10시 45분 입니다. ^^* 출처 : http://superkts.pe.kr/helper/view.php?seq=V&seq=390