【html中文本超出元素的宽度后显示省略号...】

在html中设置元素的宽度，然后元素中的文本不允许换行，超出元素宽度后强制显示省略号

<div class="item">
	91HTTP企业增值税专用发票（电子发票）开具教程
</div>


<style>
.item {	
	width: 290px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
</style>

实现的效果如下：

white-space: nowrap

• 强制文本在同一行显示，阻止自动换行
• 是 text-overflow: ellipsis 生效的前提条件
  overflow: hidden
• 隐藏溢出的内容区域
  text-overflow: ellipsis
• 在内容被隐藏时显示省略号 …