-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
34 additions
and
0 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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 플러그인을 만들었다. |