jquery 플러그인을 이용한 멀티라인 말줄임효과 방법을 알아보자. http://dotdotdot.frebsite.nl/ 위의 사이트에서 플러그인을 다운받을 수 있다. 이 플러그인을 이용하면 다음과 같은 효과를 적용할 수 있다. 위의 그림과 같이 블럭을 벗어나는 글을 jquery 플러그인을 이용함으로써 말줄임 효과를 나타낼 수 있다. 또한 Read More와 같은 링크를 주어 클릭하면 자세한 글을 볼 수 있게 만들 수 있다. 그리고 […]
[태그:] 말줄임 효과
CSS를 이용한 말줄임 효과
CSS를 이용한 말줄임 효과에 대해서 알아보자. 1. DIV나 P 태그에 말줄임 효과를 주기 위해서는 <div(p) style=”text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 500px;”>~~~~~</div(p)>와 같이 하면 된다. 2. TABLE의 TD에 말줄임 효과를 주기 위해서는 <table style=”table-layout: fixed;”> <tr> <td style=”text-overflow: ellipsis; overflow: hidden;”><nobr>~~~~~~</td> <tr> </table> 와 같이 […]