html - 为什么复选框可以有顶部/底部边距？

Question

为什么这种风格有效：

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

但不是这个：

span { margin-top: 50px; }

两个元素都是display: inline;，据我所知，两个元素inline都不inline-block应该有垂直边距。然而复选框似乎违反了这个规则......

Answer 1

因为它们是inline-block类似于<textarea>or <button>.. 的元素，所以您当然可以将所有内容应用于 inline-block 元素，也可以将其应用于块级元素。

Answer 2

inline-block元素实际上可以有垂直边距。