文字超出用省略号（...）表示(单行文本)

文字超出用省略号（...）表示(单行文本)

html:

　　<span class="history">货已经发过去了货已经发过去了</span>

css:

　　/*多出的用省略号替代*/
　　.history{
   　　 display: inline-block;
  　　  width: 120px;
   　　 white-space: nowrap;
  　　  overflow: hidden;
  　　  text-overflow: ellipsis;
　　}

posted @ 2017-02-15 14:28 Monroe.Yu 阅读( ...) 评论( ...) 编辑 收藏