HTML——文本溢出省略号

首先想要达到这样的显示目的，首先设置固定宽度是不可避免的，高度可以视情况而定，不是必须的，然后就是三个重要步骤了，如下图：

div{
  width:300px;
  height:300px;
  /*强制文字在一行文本框内*/
  white-space: nowrap;
  /*溢出部分文字隐藏*/
  overflow: hidden;
  /*溢出部分省略号处理*/
  text-overflow: ellipsis;
}

小伙伴们明白了吗