復選框和標簽不在同一行顯示

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，輸出