我们知道text-align:justify不会处理块内的最后一行文本（包括块内仅有一行文本的情况，这时既是第一行也是最后一行）及被强制打断的行的两端对齐，但会处理除此之外的其它行，所以只需要将这里的单行变成多行即可，那么我们可以想办法给它增加一行，再把增加的这行隐藏掉即可。比如添加<span><i><em>等行内空标签，然后设置相应的css，但是加入HTML元素违反了结构表现分离的原则，因此我们可以使用after、before伪元素的方式来派生出新行，这样就不需要额外处理html代码，然后再将派生出的新行隐藏即可。

效果如下

效果代码

<style>
.test{
	width:300px;height:30px;line-height:30px;overflow:hidden;
	background:#e5e5e5;
	text-align:justify
}
.test:after{
	display:inline-block;content:'';
	width:100%;height:0;
	overflow:hidden;
}
</style>
<div class="test">寻寻觅觅，冷冷清清</div>