用 CSS 讓過長溢出的字省略變 ...」

HTML

<div>大家好！我是測試行！請看我的最後面有沒有變點點點！</div>
CSS

div {
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 240px;
}
DEMO

大家好！我是測試行！請看我的最後面有沒有變點點點！
 

重點就在那行 text-overflow : ellipsis 

HTML

<span>大家好！我是測試行！請看我的最後面有沒有變點點點！</span>
CSS

span {
  display : inline-block;
  overflow : hidden;
  text-overflow : ellipsis;
  white-space : nowrap;
  width : 240px;
}