CSS 말줄임[...처리] text-overflow 사용방법입니다.

<style> 

#div1 { 

white-space: nowrap;

width: 12em; 

overflow: hidden; 

text-overflow: clip; 

border: 1px solid #000000; 

} 

#div2 { 

white-space: nowrap; 

width: 12em; 

overflow: hidden; 

text-overflow: ellipsis; 

border: 1px solid #000000; 

}

</style> 

말줄임처리를 하고싶은 부분에 CSS를 추가하시면됩니다.

<p>The following two divs contains a long text that will not fit in the box. As you can see, the text is clipped.</p> 

<p>This div uses "text-overflow:clip":</p> 

<div id="div1">This is some long text that will not fit in the box</div> 

<p>This div uses "text-overflow:ellipsis":</p> 

<div id="div2">This is some long text that will not fit in the box</div> 

body 부분 코드입니다.