如何设置动态文本的按钮宽度等于div中最宽的按钮的宽度？

Question

如果我的div包含一堆里面有按钮的div，如下所示

<div class="cmp-buttongroup">
  <div class="item0 button">
     <button class="cmp-button">      
        <span class="cmp-button__text">one</span>
      </button>
  </div>
  <div class="item1 button">
      <button  class="cmp-button">
        <span class="cmp-button__text">two</span>
      </button>
  </div>
  <div class="item2 button">
     <button class="cmp-button">      
        <span class="cmp-button__text">three</span>
      </button>
  </div>
</div>

到目前为止，我有三个按钮，但是按钮的数量可以是任意数量。可以是3、4、5等。 按钮的宽度完全由按钮内文本的长度控制。 什么是使每个按钮的宽度与最宽按钮（在这种情况下为最后一个按钮“三”）相等的最干净方法？假设我无法更改HTML。

Answer 1

为CSS中的按钮分配固定宽度。例如：

.button{
    Width: 30px;
}