文字分散对齐
<style>
.demo {
text-align:justify;
text-justify:distribute-all-lines;
text-align-last:justify;
}
</style>
<span class="demo">标题</span>
<span class="demo">内容</span>
<span class="demo">邮箱</span>
单行文本溢出显示省略号
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
多行文本溢出显示省略号
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;