.limit1{ display:block;}
.limit1,.limit2,.limit3{
  max-width:100px;
  white-space:nowrap;
    text-overflow:ellipsis;
    -o-text-overflow:ellipsis;
    overflow:hidden;}

<span class=”limit1”>文字溢出文字溢出文字溢出文字溢出</span>
<p class=”limit2”>文字溢出文字溢出文字溢出文字溢出</p>
<span class=”limit3”>文字溢出文字溢出文字溢出文字溢出</span>
注意：标签必须为block属性才行，不然不会隐藏，原因是width属性对行内元素span失效，至于失效原因，下次再另开一帖说明

*ff必须在28+

预览地址：http://jsbin.com/seyaf/1/