2016-02-10 23 views
-1

我在看這個網頁http://bulma.io/documentation/elements/buttons/,我發現按鈕之間有空格。保證金出現,但沒有顯示在檢查員

enter image description here

我試圖檢查元素和父元素與Chrome開發人員工具,但我無法辨別是什麼原因導致這些按鍵之間的間距。有人可以幫我嗎?

+0

這是因爲'inline-block'元素之間的默認空間。這些按鈕是'inline-block',所以它們之間會有一個默認空間.'inline-block'元素被認爲是文本,因此HTML中的新行字符會在它們之間留出空間。 –

回答

0

白色空間導致按鈕之間的間距。如果你想刪除,你必須刪除在之間的空格:

<button>button 1</button><button>button 2</button> 

或者你可以使用CSS使用浮動來解決它:左或浮動:正確的。

相關問題