复选框和标签不在同一行显示

Question

我正在使用下面提到的代码来动态创建复选框和标签。 但是标签和复选框不在同一行中对齐。 谁能指导下面的代码出什么问题了？

dojo.require("dijit.form.CheckBox");
dojo.ready(function(){    
   var widgetNode = dojo.doc.createElement("DIV");
    chk = dojo.create("input", {id:"cbox", type:"checkbox"}, widgetNode);
    lbl = dojo.create("label", {innerHTML:"Check me", "for":"cbox"}, widgetNode);
    dojo.style(lbl, "marginLeft", ".5em");
var cbWidget = new dijit.form.CheckBox({}, chk);
    cbWidget.startup();
    cbWidget.domNode.appendChild(lbl);
dojo.place(cbWidget.domNode, "container");
});

Answer 1

我通常将复选框放在标签内，而不是使用for="zzz"语法。 只是有点容易。 我认为，获得所需内容的最简单方法是添加dijit主题 。 包括其中一个主题（例如Claro）将自动具有使复选框内联的样式。 此处的示例： http : //jsbin.com/fusijoc/1/edit?html,js，输出