html - 将按钮设置为与文本大小无关的相同大小

Question

所以我有一个解决方案来做这样的事情:

问题是，每当我有一个更大的文本时，我的按钮就会增加，而且它变得非常难看，因为我有一个充满按钮的部分，我想保持相同的大小。

所以我认为一个好的选择是让按钮保持相同的大小？ (如果有其他选择想知道:))。

所以我有这个:

            <div class="col-md-1">
                <button class="btn btn-primary-outline btn-small">
                    <span class="glyphicon glyphicon-share"></span>
                    <br><span class="fontSize">Image</span>
                </button>
            </div>

我怎样才能改变我的解决方案以在按钮上产生我想要的相同效果，我的意思是图像和文本居中与保持按钮大小的图像相关？我很感激任何帮助:)

谢谢

Answer 1

您正在寻找这样的东西吗？ (我知道，这很丑)

#test{
  min-width: 5px;
  max-width: 5px;
}

<button id="test">test</button>