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({...

结帐演示

Answer 2

为此，您可以使用CSS设置label元素在其容器中以块级显示：

#calsubscribe label { 
  display: block; 
}

更新的小提琴