ellipsis : 지정된 영역의 크기에 맞게 말줄임표를 표시한다.
Posted by Albert 3398Day 21Hour 47Min 3Sec ago [2015-01-28]
<style type="text/css"> 'textBox p{ margin:0 auto; margin-bottom:10px; border:1px solid 'ccc; padding:10px; width:90%; white-space:nowrap; overflow:hidden; } 'textBox .clipText{ text-overflow:clip; -o-text-overflow:clip; } 'textBox .ellipsisText{ text-overflow:ellipsis; -o-text-overflow:ellipsis; } </style>
<div id="textBox"> <h3>clip</h3> <p class="clipText">영역을 벗어나는 텍스트를 오버플로된 텍스트라 하는데 이렇게 오버플로된 텍스트를 생략부호(...)로 처리하는 속성입니다.</p> <h3>ellipsis</h3> <p class="ellipsisText">영역을 벗어나는 텍스트를 오버플로된 텍스트라 하는데 이렇게 오버플로된 텍스트를 생략부호(...)로 처리하는 속성입니다.</p> </div>
