Bootstrap按鈕具有相同的高度和垂直居中的文本

Question

我並排有3個Bootstrap按鈕，但其中一個有換行符（我用white-space: normal修改它們white-space: normal ）。 我需要它們具有相同的高度和垂直居中的文本。

我喜歡他們：

我需要他們這樣：

我無法弄清楚如何做到這一點。 有任何想法嗎？

Answer 1

會不會像這樣適合你呢？

 .option-button { height:100%; } .media-object { height: 100px; } 

 <br/><br/> <div class="media-object pull-left"> <button class="btn btn-info option-button">A</button> <button class="btn btn-primary option-button">A<br/>B<br/>C</button> <button class="btn btn-info option-button">A</button> </div> <link rel="stylesheet" type="text/css" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> 

你可以使用height: 100%; 在按鈕上，但有了它，你需要設置包含div的高度。 希望這可以幫助！