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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何设置动态文本的按钮宽度等于div中最宽的按钮?相关的知识,希望对你有一定的参考价值。

如果我的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

答案
None

以上是关于如何设置动态文本的按钮宽度等于div中最宽的按钮?的主要内容,如果未能解决你的问题,请参考以下文章

在 s-s-rS 中如何动态更改文本框的宽度?

如何在固定宽度的 div 中居中动态宽度按钮?

具有不同页面宽度的 UIScrollview

所有宽度设置为最宽元素的宽度

如何根据 iphone 中的文本大小动态增加按钮宽度?

将项目拆分为动态列的纯 CSS 解决方案