jQuery word-break: keep-all 플러그인 ver 1.3.0 Demo

아래 버튼을 이용해 가로를 50px씩 늘리고 줄이면서 단어별로 끊어지는지 테스트해 보세요.

플러그인 적용 (applied)

다양한 태그에 테스트해 본 것입니다. Test target is vary tags.

이것은 span tag로 둘러싼 것입니다. 이것은 span tag로 둘러싼 것입니다.
이것은 div tag로 둘러싼 것입니다. 이것은 div tag로 둘러싼 것입니다. (자식 HTML이 있어도 작동하는 것을 보여 줍니다.)

이것은 h3 tag로 둘러싸고 중간에 줄바꿈이 있는 것입니다. 이것은 h3 tag로 둘러싼 것입니다.

이것은 p tag로 둘러싼 것입니다. 이것은 p tag로 둘러싼 것입니다.

이것은 a tag로 둘러싼 것입니다. 이것은 a tag로 둘러싼 것입니다.

플러그인 미적용 (not apply)

다양한 태그에 테스트해 본 것입니다. Test target is vary tags.

이것은 span tag로 둘러싼 것입니다. 이것은 span tag로 둘러싼 것입니다.
이것은 div tag로 둘러싼 것입니다. 이것은 div tag로 둘러싼 것입니다.

이것은 h3 tag로 둘러싼 것입니다. 이것은 h3 tag로 둘러싼 것입니다.

이것은 p tag로 둘러싼 것입니다. 이것은 p tag로 둘러싼 것입니다.

이것은 a tag로 둘러싼 것입니다. 이것은 a tag로 둘러싼 것입니다.

실행 방법 (How to Run)

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.word-break-keep-all.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('.target').wordBreakKeepAll();

	//IE에서는 플러그인을 사용하지 않고 CSS로 처리하고 싶은 경우 이렇게 옵션을 주면 된다.
	//$('.test').wordBreakKeepAll({OffForIE:true}); 

	//IE에서 플러그인을 사용하되 CSS를 적용하는 게 아니라 비 IE 브라우저처럼 적용하고 싶을 때 이렇게 옵션을 준다.
	//$('.test').wordBreakKeepAll({useCSSonIE: false});
});
</script>

플러그인 기타 정보 (etc)

제작: 안형우([email protected])