CSS按钮大小调整

Question

我在屏幕上有3个按钮，根据它们的填充设置了它们的大小。当一个单词被包装时，相关的按钮会像你期望的那样变高。现在问题是我有不同大小的按钮。我不想将它们设置为特定的高度，但是要让它们根据文本做出响应，并希望它们都具有相同的高度。

是否有任何方法可以让所有按钮与最高的按钮一样高。

Answer 1

我很确定只需将display: flex;添加到按钮的容器中就会自动执行此操作：

.container{
    display:flex;
}

<div class="container">
    <button>Test</button>
    <button>Test<br> Test</button>
    <button>Test</button>
</div>
	
	
	

Answer 2

对于这种对齐方式，我使用 flex 布局 它受到主要浏览器https://www.w3schools.com/cSS/css3_flexbox.asp

的支持

<div style="display:flex;">
<button>Button 1
</button>
<button style="font-style:2em;">Button 2
</button>
<button>Button 3
</button>
</div>

见： https://jsfiddle.net/rw0a4p5j/4/