.txt-hide{
width: 300px; //固定宽度
border:1px solid #f0f;
white-space:nowrap; //文字不换行,一行显示
overflow:hidden; //溢出隐藏
text-overflow:ellipsis; //隐藏的地方省略号显示
}
<div class="txt-hide"></div>