爲什麼複選框可以有頂部/底部邊距？

Question

爲什麼這工作作風：

input[type=checkbox] { margin-top: 50px; } 

但不是這樣的：

span { margin-top: 50px; } 

兩個元素是display: inline;，而據我能夠收集，既不inline也不inline-block元素都應該能夠有垂直邊際。然而，複選框似乎違反了這條規則...

Answer 1

因爲它們是inline-block元素，就像<textarea>或<button> ..您當然可以將所有內容應用於可以作爲塊級元素的嵌入塊元素。

Answer 2

inline-block元素實際上可以有垂直邊距。