css 글자수 ...처리 ellipsis 기능

html

<div>
      <div>
      체부동 수제비와 보리밥
      </div>
      
      <div style="
      color: lightgray;font-size:11px;       
      width:115px;
      padding:0 5px;
      overflow:hidden;
      text-overflow:ellipsis;
      white-space:nowrap;">
        서울특별시종로구 동안시 어쩌구 저쩌구
      </div>
      
      <div>
		0 5
      </div>
    </div>
    

 

css

width:70px;

padding:0 5px;

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

 

결과화면