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樣式，轉爲塊級元素