使清晰设计按钮组响应

Question

如何使清晰度设计按钮组像清晰度按钮一样响应？

这是清晰按钮组的实际行为：

这里是正常清晰度按钮的行为：

如您所见，按钮宽度减小，文本溢出为省略号。

如何将相同的属性添加到按钮组？

我的依赖：

"@angular/animations": "^9.0.5",
"@angular/common": "^9.0.5",
"@angular/compiler": "^9.0.5",
"@angular/core": "^9.0.5",
"@angular/forms": "^9.0.5",
"@angular/platform-browser": "^9.0.5",
"@angular/platform-browser-dynamic": "^9.0.5",
"@angular/router": "^9.0.5",
"@clr/angular": "^2.3.8",
"@clr/icons": "^2.3.8",
"@clr/ui": "^2.3.8",

Answer 1

好的，我找到了解决办法

将此css规则放入按钮组

.btn-group {
  display: flex;
}

和你的标签

label {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

这应该是正常的行为，但无论如何这工作