1. 使用nobr标签，包含在nobr内的内容不会换行。

   <nobr><a harf="#">I don‘t have a line break!</a></nobr>

2. text-overflow控制是不是显示...（超出部分），overflow控制超出部分是隐藏（或者显示...）还是把width撑大

   a {
    text-overflow: ellipsis;
    overflow:hidden;
   }

   就是这么简单炫酷！

html+CSS 只显示在一行内 超出部分显示省略号