css如何把文本超出部分显示省略号

css语法中如何把文本超出部分显示省略号，下面编程教程网小编给大家简单介绍一下white-space和text-overflow的用法！

.box {
  width: 500px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap; /* 防止文字换行 */
  text-overflow: ellipsis; /* 超出部分显示省略号 */
}

以上是编程学习网小编为您介绍的“css如何把文本超出部分显示省略号”的全面内容，想了解更多关于 前端知识 内容，请继续关注编程基础学习网。