ELIPPESES

by Carl Angelo Nievarez

HTML

<button class='btn btn-default'>A</button>
<button class='btn btn-default'>ABCDEFG</button>
<button class='btn btn-default'>B</button>
<br>
<button class='btn1 btn-default'>A</button>
<button class='btn1 btn-default'>ABCDEFG</button>
<button class='btn1 btn-default'>B</button>

CSS

.btn {
  width: 50px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.btn1 {
  width: 50px;
  word-wrap: break-word;
  overflow: hidden;
}