본문 바로가기

줄바꿈

[jsbeautifier.org]JS, CSS 파일 압축한 파일 풀어서 보기 jsbeautifier.org jsbeautifier(http://jsbeautifier.org/)는 난독화/패킹된 자바스크립트 디코딩할때 아주 유용한 툴입니다. 가끔 안되는 경우도 있는데 보통은 디코딩이 깔끔하게 잘 되고 들여쓰기와 줄바꿈을 해주기 때문에 수동으로 디코딩한 결과를 보기쉽게 정리시킬때도 좋습니다. 바로가기
[CSS] 텍스트 줄바꿈 처리 word-break, white-space 작업을 하다보면 텍스트가 정해진 width를 넘어가는 경우 어떻게 처리해야 하나 고민이 될 때가 있습니다. 그럴 때는 상황에 따라서 이 것들을 사용해서 해결해주면 좋을 듯 합니다. word-break word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다. .selector {word-break:break-all;} 위와 같은 속성을 주게되면 위의 그림의 아래 부분과 같이 단어 중간에서도 줄바꿈이 가능하게 됩니다. 위의 그림이 잘 이해가 가지 않는다면 이..
플래시 텍스트필드(text filed_) 헤비어(behavior) 세가지 속성(한줄,여러줄,워드랩) 출처 - http://cafe.naver.com/flx.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=18& 텍스트필드의 종류가 세가지입니다. Single line : 텍스트를 한줄에 보여지게 함 Multiline : 텍스트를 여러줄로 보이게 함 Multiline no wrap : 텍스트를 개행문자("\n")가 있을때에만 다음줄로 보이게 함 그런데 플래시 텍스트 필드는 자동으로 워드랩을 하더란 말이죠.. 워드랩 하지 않고 텍스트를 개행하게 해주는 함수를 만들었습니다. 워드랩(Word Wrap)이란? 워드랩은 하나의 단어를 행의 맨 뒤에 모두 표현할 수 없는 경우 그 단어를 다음 행으로 보내는 기능 이다 - 오픈사전 참조 - --------------------------..