为float left div或list设置文本溢出省略号

.ellipsis {
  white-space: nowrap; /* 文本不换行 */
  overflow: hidden;     /* 溢出的内容被隐藏 */
  text-overflow: ellipsis;/* 显示省略号 */
  width: 150px;          /* 需要设置的宽度 */
}

<p class="ellipsis">这是一段需要设置省略号的文本。</p>