为什么复选框可以有上/下边距？

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个元素实际上可以有垂直边距。