我怎样才能使每个div看起来像单独的块？

Question

我纯粹是Java编程，坦率地说，对css的知识非常有限或没有。

这是我想要展示的图像。

这是图片，我目前已经过了。

每个复选框内容必须如上图所示。

加号和说明，我可以补充一下，但只有我需要每个复选框的外观如何？

这是我动态选择该复选框的代码

for (var i = 0; i < responseinner.length; i++) {
activateUiHTML.append('<div id="'+responseinner[i]+'" >') ;
activateUiHTML.append('<input type="checkbox" id="'+responseinner[i]+'"  name="'+responseinner[i]+'" value="'+responseinner[i]+'"/>'+responseinner[i]+"") ;
activateUiHTML.append('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp');
activateUiHTML.append('</div>') ;
}

Answer 1

试试这个

注意DIV标记中的style属性

for (var i = 0; i < responseinner.length; i++) {
activateUiHTML.append('<div style="border: 1px solid Black;" id="'+responseinner[i]+'" >') ;
activateUiHTML.append('<input type="checkbox" id="'+responseinner[i]+'"  name="'+responseinner[i]+'" value="'+responseinner[i]+'"/>'+responseinner[i]+"") ;
activateUiHTML.append('&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp');
activateUiHTML.append('</div>') ;
}