实现单行超出部分，省略号表示兼容各浏览器

<div class="text_overflow" >
<div class="text_con" >这是一段比较长的文字，用来测试是否文字溢出时会用省略号显示。div>
<div class="text_dotted" >…div>

.text_overflow{width:300px; height:25px; overflow:hidden;line-height:25px;border:1px solid #ccc;}
.text_overflow .text_con{float:left;height:25px; margin-right:15px; overflow:hidden;}
.text_overflow .text_dotted{ float:right;width:15px; height:26px;margin-top:-23px;margin-top:-30px\0;*margin-top:-23px;}

<div class="slh">多出的文省略号表示多出的文省略号表示多出多出div>

.slh{width:160px;height:50px;line-height:25px;border:4px solid #eee;
white-space:nowrap;/*强制文本在一行内显示*/
text-overflow:ellipsis; /*溢出省略号，支持ie、safari（webkit）*/
-o-text-overflow:ellipsis; /*溢出省略号，支持opera*/
overflow:hidden;/*溢出隐藏*/
-moz-binding:url('ellipsis.xml#ellipsis');/*溢出省略号，支持firefox*/}