cssで表示文字数制限「…」する

よくつかうのでメモ。

  white-space:nowrap;
  width:100%;/*旧ie対策*/   
  overflow:hidden;              
  text-overflow:ellipsis;
  -ms-text-overflow:ellipsis;/*旧ie対策*/

【参考】

text-overflow - CSS | MDN

  word-break:break-all;

この指定があるとIEで上手く表示されないようなので、 IEで「overflow:ellipsis;」が効かないときは、

  word-wrap:normal;

にしたったりましょう。