css实现文本省略号

csdn 给了我们一个平台，让我们可以记录自己在工作学习中遇到的问题，哪怕是很小很小的问题，有时也值得你去记录…

css实现文本过长，显示省略号

<style>
.desc {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
</style>
<div style="width: 100px">
	<div class="desc">css实现文本过长，显示省略号</div>
</div>

ps注意需要，div应为block块级元素（默认div为块级）
若.desc样式修饰的span，则应添加display: block样式，转为块级元素