我有一个应用程序,它有一个非常动态的按钮栏,大约有 1 到 12 个按钮,可以根据当前屏幕和/或所选记录更改文本和功能。我正在使用 ButtonBar 来显示它们。
栏中的按钮会在文本太大时将它们的文本换行,这是应该的,但我最终遇到了这种愚蠢的情况:
按钮高度不同!我希望 ButtonBar 为我提供规范的按钮,如下所示:
我可以通过将每个按钮分成三行来作弊。这会造成小按钮在空间中游动的情况:
(如果我使用两行,我会减少浪费的空间,这很好,但单行文本不再居中,这看起来也很糟糕。)
现在,我唯一能想到的就是,在条形图呈现后,扫描所有按钮以找到最高的按钮,然后相应地调整每个其他按钮。 ButtonBar 与宽度有关,这很好(但实际上可能不如所有按钮高度相同)。误导性命名的“UniformButtonSize”就是这样做的。
我想知道我是否可以用 CSS 以某种方式做到这一点,也许可以将按钮高度设置为百分比。任何建议将不胜感激!