html中文字超出顯示...

讓html中文字超出部分顯示...

實例css代碼：

div{
  width： 100px；
  font-size: 0.6rem;
  font-weight: 500;
  color: #fff;
  overflow: hidden; /*自動隱藏文字*/
  text-overflow: ellipsis;/*文字隱藏後添加省略號*/
  white-space: nowrap;/*強制不換行*/
}

注意：一定要設置div的寬度