单行文本溢出隐藏

.text-content {
background:yellow;
/* 指定宽度 超出这个宽度就显示省略号 begin /
width:100px;
/ 指定宽度 超出这个宽度就显示省略号 end /
/ 溢出隐藏代码 begin*/
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
/* 溢出隐藏代码 end*/
}

效果:
这里是代码…