Css 复选框未与文本对齐

您好，有人知道为什么我的左绿色复选框并没有在文本的左侧对齐吗？这是我的代码和我现在看到的

我想要像这样的V Etendre le linge X，对于一行，V是复选框，X是销毁按钮

html， 身体{ 保证金：0； 填充：0； } 钮扣{ 保证金：0； 填充：0； 边界：0； 背景：无； 字体大小：100%； 垂直对齐：基线； 字体家族：继承； 颜色：继承； -webkit外观：无； -moz外观：无； -ms外观：无； -o-外观：无； 外观：无； } 身体{ 字体：14px“Helvetica Neue”，Helvetica，Arial，无衬线； 线高：1.4em； 背景：eaeaeaurl'../bower_components/todomvc common/bg.png'； 颜色：4D； 宽度：550px； 保证金：0自动； -webkit字体平滑：抗锯齿； -moz字体平滑：抗锯齿； -ms字体平滑：抗锯齿； -o字型平滑：抗锯齿； 字体平滑：抗锯齿； } .sapUiTv、.sapUiBtnS{ 字体：继承； 字体大小：继承； } 托多普{ 背景：fff； 背景：rgba255、255、255、0.9； 利润率：130px 0 40px 0； 边框：1px实心ccc； 位置：相对位置； 边框左上半径：2px； 边框右上角半径：2px； 盒影：0 2px 6px 0 rgba0,0,0,0.2， 25px50px0rgba0,0,0,0.15； } 托多普：以前{ 内容：； 左边框：1px实心f5d6d6； 右边框：1px实心f5d6d6； 宽度：2倍； 位置：绝对位置； 排名：0； 左：40px； 身高：100%； } todoapp输入：：-webkit输入占位符{ 字体：斜体； } todoapp输入：-moz占位符{ 字体：斜体； 颜色：A9A9； } 托多普h1{ 位置：绝对位置； 顶部：-120px； 宽度：100%； 字体大小：70px； 字体大小：粗体； 文本对齐：居中； 颜色：B3； 颜色：rgba255、255、255、0.3； 文本阴影：-1px-1px rgba0,0,0,0.2； -webkit文本呈现：优化易读性； -moz文本呈现：优化易读性； -ms文本呈现：优化易读性； -o-文本呈现：优化易读性； 文本呈现：优化易读性； } 标题{ 填充顶部：15px； 边界半径：继承； } 主要{ 位置：相对位置； z指数：2； 边框顶部：1个点缀的adadad； } 新的待办事项， .sapUiTfBrd.sapUiTfRo.todo， .sapUiTfBrd.sapUiTfStd.todo{ 位置：相对位置； 保证金：0； 右边距：153px； 宽度：100%； 字体大小：24px； 字体家族：继承； 线高：1.4em； 背景色：透明； 边界：0； 大纲：无； 颜色：4D； 填充：6px； -webkit框大小：边框框； -moz框大小：边框框； -ms框尺寸：边框框； -o型盒尺寸：边框盒； 框大小：边框框； -webkit字体平滑：抗锯齿； -moz字体平滑：抗锯齿； -ms字体平滑：抗锯齿； -o字型平滑：抗锯齿； 字体平滑：抗锯齿； } 新待办事项{ 填充：15px 15px 16px 60px； 边界：无； 背景：rgba0,0,0,0.02； z指数：2； 盒影：无； } 待办事项清单{ 保证金：0； 填充：0； 列表样式：无； } 待办事项列表李{ 位置：相对位置； 字体大小：24px； 边框顶部：1个点ccc； } 待办事项列表输入[type='checkbox']{ 文本对齐：居中； 宽度：40px； /*自动，因为非WebKit浏览器不支持输入样式*/ 高度：自动； 位置：绝对位置； 排名：0； 底部：0； 保证金：自动0； -webkit外观：无； /*-moz外观：无*/ -ms外观：无； -o-外观：无； 外观：无； } 待办事项列表输入[type='checkbox']：之后{ 内容:'✔'; 线高：62px； 字体大小：20px； 颜色：d9d9d9； 文本阴影：0-1px0bfbf； } 待办事项列表输入[type='checkbox']：选中：之后{ 颜色：857； 文本阴影：0 1px 0 669991； 底部：1px； 位置：相对位置； } 待办事项列表输入：非[type='checkbox']{ 断字：断字； 填充：15px； 左边距：45像素； 显示：块； 线高：1.2米； -webkit过渡：颜色0.4s； -moz过渡：颜色0.4s； -ms转换：颜色0.4s； -o-过渡：颜色0.4s； 过渡：颜色0.4s； } 待办事项列表李。销毁{ 大纲：无； 背景色：透明； 显示：无； 位置：绝对位置； 排名：0； 右：10px； 底部：0； 宽度：40px； 高度：40px； 保证金：自动0； 字体大小：22px； 颜色：a88a8a； -webkit转换：所有0.2秒； -moz转换：全部为0.2s； -ms转换：均为0.2s； -o-过渡：均为0.2s； 过渡：均为0.2s； } 待办事项列表李。销毁：悬停{ 文本阴影：0 1px 000， 010px rgba199107107,0.8； -webkit转换：scale1.3； -moz变换：scale1.3； -ms变换：scale1.3； -o变换：scale1.3； 转换：scale1.3； } 待办事项列表李。销毁：之后{ 内容:'✖'; } 待办事项列表李：悬停。销毁{ 显示：块； } 待办事项列表， 待办事项清单， 待办事项列表{ 显示：无； } 粘虫学家 粘虫学家 埃滕德雷林格酒店 您的复选框上有position:absolute。删除它可以解决问题

#todo-list input[type='checkbox'] {
    text-align: center;
    width: 40px;
    height: auto;
    /* position: absolute; */
    /* top: 0;             */
    /* bottom: 0;          */
    margin: auto 0;
    -webkit-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}

---

你提供的CSS数量相当可怕。你应该提供一个不必要的信息 并利用堆栈片段，提供可复制的演示。