css设置内容禁止换行与超过宽度自动换行

html

<div class="refund-information-item-name">爱情里有两种遗憾：一种是你曾经那么用力地爱过，最后却发现那个人根本不值得；另一种是你没有好好地去爱，失去了才发现那是一个真正值得的人。</div>

css(禁止换行):

  .refund-information-item-name {
      color: rgba(58, 63, 67, 0.6);
      width: 100px;
      white-space: nowrap;
    }

css超过宽度自动换行 :

  .refund-information-item-name {
      color: rgba(58, 63, 67, 0.6);
      width: 100px;
      word-wrap: break-word;
      word-break: break-all;
      overflow: hidden;
    }