爲什麼在將margin-top設置爲ZERO之後，此按鈕上面仍然有SPACE？

Question

的例子可以在http://www.bootply.com/143jVqzP0A#

的按鈕看起來像這樣

其在上邊距可以發現，雖然我設置margin-top爲0。而且我希望按鈕來填充整塊垂直，在按鈕和其父塊之間沒有空白或空格。

有沒有人有關於此的想法？謝謝！

Answer 1

由於h2的填充。試試這個：

.filter h2{ padding: 0; margin:0; margin-left: 3px; } 

Answer 2

既然你已經使用

display:inline-block，

給vertical-align:top

的按鈕。它會解決這個問題。你也可以嘗試給vertical-align:toph2也。

Answer 3

設置的空白負...

margin-top: -10px; //change value accordding to your preference. 

希望它能幫助;

Answer 4

button默認爲inline元素。
這就是爲什麼它需要一些空間垂直的前一行和下一行文本（如果有的話）。

您可能想要應用display: block;和float: left;來解決該問題。

Answer 5

<button class="btn btn-xs btn-default" style="margin-top: 0; height:28px"> 

的

<h2>Factors</h2> 

元件是28個像素高和被拉伸包含該按鈕除法（和背景）。在頂部添加幾個像素。

或者，從該容器中移除h2標籤。

Answer 6

處bootstrap.min.css這條規則：

.btn-xs, .btn-group-xs > .btn 

你一定要填充設置爲0，看起來不錯。