text ellipsis 100%로 자르기

.element {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.truncate {
  display: table-cell;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

 

예제)

<li class="element">
  <a href="#" class="truncate">
    내용
  </a>
</li>