JSFiddle - React, Tailwind, and code Playground

by Liu ChangFeng

HTML

<div class="ellipsis">
  内容溢出显示省略号内容溢出显示省略号内容溢出显示省略号内容溢出显示省略号 
  内容溢出显示省略号内容溢出显示省略号内容溢出显示省略号
</div>

SCSS

.ellipsis {
  white-space: nowrap; //禁止换行
  overflow: hidden;
  text-overflow: ellipsis;
}