html 固定长度 超出长度 显示省略号

a{  
       width: 80px;/* 要显示文字的宽度 */  
       float: left;/* 左对齐，不设置的话只在IE下好用 */  
       overflow: hidden; /* 超出的部分隐藏起来 */  
       white-space: nowrap;/* 不显示的地方用省略号...代替 */  
       text-overflow: ellipsis;/* 支持 IE */  
       -o-text-overflow: ellipsis;/* 支持 Opera */  
}

例：

<div style="display: inline-block;overflow: hidden;width: 50px;word-break: keep-all;white-space: nowrap;text-overflow: ellipsis;line-height: 28px;float: left;">dfdsfdsfffffffffffffffffffff</div>