// 垂直水平居中
@mixin center {
	display: flex;
	align-items: center;
	justify-content: center;
}

// 垂直居中，水平居左
@mixin left {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

// 垂直居中，水平居右
@mixin right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

// 单行文本溢出省略号
@mixin ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}