CSS控制文本溢出使用省略号代替

<div class="test-data">我是文本我是文本我是文本</div>



.test-data{ 
  width:60px;
  overflow: hidden;
  white-space: nowrap; 
  text-overflow: ellipsis; 
}

　　*注意：设置宽度。

一、效果图展示：