css td中checkbox靠左对齐

在HTML中，表格是常用的元素之一。表格的每一个单元格都有自己的样式属性，其中td元素代表表格中的单元格。还有一种常用的表单元素是checkBox，用于选择多个选项。那么如何将这个checkBox在td中靠左对齐呢？

在CSS中，我们可以使用text-align属性来控制文本的水平对齐方式，其可选值有left、right、center等。但是，这个属性不能直接作用于input元素，所以我们需要使用一些技巧来实现checkBox的靠左对齐。

td input[type=checkBox]{
	margin-left:0;
	vertical-align:middle;
}

以上代码是一种实现checkBox靠左对齐的方法。首先，我们选择td元素中的所有type为checkBox的input元素。然后，我们将margin-left属性设置为0，这样就将checkBox的左边距设置为了0。接着，我们使用vertical-align属性来调整checkBox的垂直对齐方式，将其与单元格的中心对齐。

还有一种常见的实现方式是使用label元素包裹checkBox，并使用float属性来实现左对齐。代码如下：

td label{
	float:left;
	margin-right:10px;
}
td input[type=checkBox]{
	float:left;
}

以上代码中，我们将label元素设置为浮动，并将其右边距设置为10px。这样，当它包裹input元素时，checkBox就会紧贴着label元素，实现了左对齐。同样地，我们也将type为checkBox的input元素设置为浮动，这样就能保证它们在同一行内。

总的来说，实现checkBox在td中靠左对齐有多种方法，我们可以根据自己的需求选择适合自己的方法。这里提供的两种方法只是其中的两例，大家可以根据需求进行修改和改进。