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

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

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