다양한 태그에 테스트해 본 것입니다. Test target is vary tags.
이것은 span tag로 둘러싼 것입니다. 이것은 span tag로 둘러싼 것입니다.이것은 p tag로 둘러싼 것입니다. 이것은 p tag로 둘러싼 것입니다.
이것은 a tag로 둘러싼 것입니다. 이것은 a tag로 둘러싼 것입니다.다양한 태그에 테스트해 본 것입니다. Test target is vary tags.
이것은 span tag로 둘러싼 것입니다. 이것은 span tag로 둘러싼 것입니다.이것은 p tag로 둘러싼 것입니다. 이것은 p tag로 둘러싼 것입니다.
이것은 a tag로 둘러싼 것입니다. 이것은 a tag로 둘러싼 것입니다.<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>
span
, a
같은 display: inline
요소는 display:block
으로 만든 후 word-break: keep-all; word-wrap: break-word;
를 인라인 스타일로 추가해 줍니다.span
tag로 감싼 후 white-space: nowrap;
을 인라인 스타일로 줘서 단어가 끊어지지 않게 합니다.<레프트21>
이렇게 쓰는 경우 브라우저는 <레프트21>이라고 제대로 렌더링하지만 이 플러그인은 오작동하게 됩니다.자료는 <a href="http://domain.com">여기에서 다운</a>받으세요.
nowrap
으로 둘러싸게 하고 싶다면, 태그와 글자 사이에 한 칸을 띄워 주시면 됩니다.
자료는 <a href="http://domain.com"> 여기에서 다운</a>받으세요.
nowrap
으로 둘러쌀 방법은 현재로서는 없습니다.