我正在使用下面提到的代码来动态创建复选框和标签。但标签和复选框未在同一行对齐。谁能指导下面的代码有什么问题吗?
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");
});
最佳答案
我通常将复选框放在标签内,而不是使用 for="zzz"
语法。只是比较容易一点。我认为获得你想要的最简单的方法是包含 dijit theme 。包括 Claro 等主题之一将自动具有将复选框内联的样式。示例如下:http://jsbin.com/fusijoc/1/edit?html,js,output
关于javascript - 复选框和标签未显示在同一行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41741882/