css设置文字显示一行，多余部分用省略号结尾

在开发这个网站时，前端会不断进行调试，其中有一点CSS技术还是不错的，分享给大家：如图

看上图，在灰色字体中，这个字是拥有两百个字，已经是三行的内容，但全显示简要不太好看，因此选择用一行显示，然后用省略号结尾。代码如下：

<div style="text-indent: 40px; letter-spacing: 1px;white-space: nowrap;color: #8a8a8a;overflow: hidden;text-overflow: ellipsis">
 文字内容
</div>

	style中主要的是 white-space: nowrap;overflow: hidden;text-overflow: ellipsis