css truncate text

by shengoo

HTML

<span class="trim-info" title="kjasdfasdfasdfasdfasdfasdfasdfasdfasdfasfdasdfasdfasdfasdfasfd">kjasdfasdfasdfasdfasdfasdfasdfasdfasdfasfdasdfasdfasdfasdfasfd</span>
<br>
<span class="trim-info" title="kjasdfasdfasdfasdfasdfasdfasdfasdfasdfasfdasdfasdfasdfasdfasfd">Hello是英語中常用的問候語，在英語中意思相同的問候語還有Hi和Hey</span>

CSS

.trim-info {
      max-width: 200px;
      display: inline-block;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;  
      line-height: 15px;
      position: relative;
   }