表列中的复选框对齐方式

Question

我有一个问题，我的复选框距离顶部的距离在每列都在增加;我怎样才能让它们从顶部开始？

Answer 1

您需要将vertical-align设置为top以获取td

例如，添加一个类.vtop

.vtop {
  vertical-align: top;
}

然后将vtop类添加到应该拥有它的td中，即：

<td class="checkboxCol vtop">

工作示例：https://jsfiddle.net/dntnaL6o/

顺便说一句：它是<br>而不是</br>

Answer 2

不是导致问题的复选框。如果您在vertical-align: top样式上放置td样式，则会将其修复。

.checkboxCol {
    vertical-align: top;
}

在您的情况下，这适用于您的班级checkboxCol。

Answer 3

添加样式设置vertical-align：top。