jquery循环

Question

如何让复选框垂直对齐？

这是JSFIDDLE。

我想要

[] Full Feed
[] Trip Feed
[] Flight Feed

这似乎很简单，但我已在多个位置试过"vertical-align:middle;"。

最好我想在这里设置对齐位置：

$.each(myjson, function (i, v) {
    var feedname = this.name
        $("#calsubscribe").append($("<label>").text(this.name).prepend(
            $("<input>").attr({
                'type': 'checkbox', 
                'class' : 'inp-checkbox', 
                'name':'subscribecal',
                "data-feed": feedname,
                "style":'vertical-align:middle;'
            }).val(this.id)
               .prop('checked', this.checked)
        ));
    });

谢谢。

Answer 1

或者只是...$("<br><input>").attr({...

结帐DEMO

Answer 2

要实现此目的，您可以使用CSS将label元素设置为在其容器中的块级别显示：

#calsubscribe label { 
  display: block; 
}

Updated fiddle