CSS 긴 텍스트 말줄임 처리하기

 

초과 되어 줄이 바뀌거나 UI가 깨지는 경우

... 말줄임 표로 처리하여 한줄에 노출 되도록 함.

 

 

<style type="text/css">
.target
{
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>