scss 使用省略号Mixin进行文本溢出

Posted 2021-05-17

/**
 * Text Overflow With Ellipsis
 *
 * Example: @include ellipsis();
 */
 
@mixin ellipsis($width: 100%) {
  display: inline-block;
  max-width: $width;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}