Text Overflow

Text Overflow

1) max-width: n px(%); word-wrap:break-word; text-overflow: ellipsis; white-space: none;

2) .hyphens {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

3) .word-break {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
}

4) .word-wrap {
  word-wrap: break-word;
  overflow-wrap: break-word;
}

5) .ellipsis {
  overflow:hidden; 
  white-space: nowrap;
  text-overflow: ellipsis;
}

6) .hyphenate {
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;

  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
} 

7) .hyphenate {
  overflow-wrap: break-word;
  word-wrap: break-word;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}