CSS垂直中间输入复选框

我喜欢在div中垂直居中复选框。我已经尝试使用

display:inline block

设置

vertical aligin:middle

。只有当复选框为

100%

时，才进行此训练。但比完整的

100%

可选择。还尝试使用

vertical aligin:middle

和

display:inline block

将复选框包装到另一个div中，但未成功

<div style='height:100%;'>
    <input type='checkbox' style='display: inline-block; vertical-aligin: middle'/>
</div>

---

你可以这样做

<div style='height:300px; background: blue;'>
    <input type='checkbox' style='display: inline-block; position: relative; top: 48%;'/>
</div>

看这里

<div style='height:300px; background: blue;'>
    <input type='checkbox' style='display: inline-block; position: relative; top: 48%;'/>
</div>