Css 如何使两个同级按钮的高度相同

我在一个

元素中有两个

元素。另一个按钮有很多文本，分成两行或更多行，而另一个按钮有一些文本（一行）。如何为两个按钮提供相同的高度

---

我不是想得到一个基于Javascript或jQuery等的答案，而是一个干净的基于neet css的答案，我也不是想制作动画或操纵ASE元素。

您可以调整顶部和底部的填充。

---

访问

基于我的评论小提琴，您可以将按钮显示属性应用于

表格单元格

，并实现相同的功能

HTML

 <div class="test">
    <button>small text</button>
    <button>this is big text and will go to new line</button>
 </div>

---

像这样的RU是否可能重复@当然，是的，谢谢你。您可以基于它创建答案。如果按钮中的文本跨越多行，则此选项无效。如果您是对的，则它将使用height属性和percentance

 .test{display:table;}
 button{width:90px; height:110%; margin:0px 10px; vertical-align:top; display:table-cell;}