[CSS]text-overflow文字超過固定寬度會以…顯示

html
<div class="box">因為這樣的效果對於版面配置非常具有彈性，
因此我們很多地方都會用到這個技巧</div>

css
.box{
  margin: 0 20px;
  text-overflow: ellipsis;
  overflow:hidden;
  white-space:nowrap;
  width: 300px;
  padding: 10px;
}

實作:

http://codepen.io/Cmi/pen/NxwmJO