Skip to content

Commit

Permalink
added readme.md
Browse files Browse the repository at this point in the history
  • Loading branch information
mytory committed Sep 3, 2013
1 parent 322fce0 commit 3630e65
Showing 1 changed file with 34 additions and 0 deletions.
34 changes: 34 additions & 0 deletions readme.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
# jQuery `word-break: keep-all` plugin

Not in latin letter, break line by a word, not a letter. This is like CSS `word-break: keep-all` property that only be in IE.

<span style="font-size: 2em">[▶Demo](http://dl.dropboxusercontent.com/u/15546257/code/jquery-word-break-keep-all-plugin/example.html)</span>

Sometimes, linebreak is like below.

이명박과 마힌드라가 22명을 죽
였다.

What we want is below. Not above. ('죽였다' is a word.)

이명박과 마힌드라가 22명을
죽였다.

This plugin is for it. IE has CSS property `word-break: keep-all;` but other browser has not. So I made jQuery plugin.

영어가 아닌 문자에서, 글자별로 줄바꿈하는 것이 아니라 단어별로 줄바꿈을 하도록 한다. CSS의 `word-break: keep-all`처럼 작동을 한다. 이 프로퍼티는 IE에만 있다.

<span style="font-size: 2em">[▶데모 보기](http://dl.dropboxusercontent.com/u/15546257/code/jquery-word-break-keep-all-plugin/example.html)</span> |
<span style="font-size: 2em">[▶개발 동기 보기](http://mytory.co.kr/archives/2801)</span>

포스트 제목 등에서 줄바꿈이 아래처럼 되는 경우가 있다.

이명박과 마힌드라가 22명을 죽
였다.

이렇게 되는 것이 더 좋을 것이다.

이명박과 마힌드라가 22명을
죽였다.

이걸 해 주는 jQuery 플러그인이다. IE에서는 word-break: keep-all; 속성으로 처리 가능하지만, IE가 아닌 브라우저에서는 이 속성이 작동하지 않는다. 그래서 jQuery 플러그인을 만들었다.

0 comments on commit 3630e65

Please sign in to comment.