SOURCE

<section class="conten">
  <div class="div1">
    <span class="text">我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字我是文字</span>
  </div>
</section>

*{
  margin: 0;
  padding: 0;
}
.div1{
  width: 300px;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 20px;
}
.text {
  display: inline-block;
  background: red;
}