.simpleName
{
width:110px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
<div class="simpleName"><a target="_blank" href="">文本</a></div>
1、width:超高110px部分省略显示。
2、white-space:nowrap是禁止文字折行。
3、text-overflow表示当文本溢出时是否显示省略标记,有两个值:
clip:不显示省略标记(...),而是简单的裁切。
ellipsis:当对象内文本溢出时显示省略标记(...)
4、overflow:hidden表示溢出内容为隐藏。