【CSS】text-overflow: ellipsis

[Rocco]

示例

.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}

注意

text-overflow 只对 "block container elements" 有效 (block, inline-block); flex 不是 "block container elements"

参考

• text-overflow - MDN
• text-overflow: ellipsis and flex - stackoverflow