text-overflow : ellipsis;

white-space : nowrap;

overflow : hidden;

解释一下：

text-overflow ：ellipsis; //让截断的文字显示为点点。还有一个值是clip意思是截断不显示点点

white-space : nowrap; //让文字不换行

overflow : hidden; //超出要隐藏

要显示为点点，3个缺一不可，还有，除了firefox,opera其他浏览器都支持，包括可恶的ie6