spring - Spring复选框的水平对齐

Question

我有这个代码

<form:checkboxes path="domainContainerArray"  items="${checkBoxesMap}"/>

像这样在垂直方向显示复选框

我搜索了很多，甚至尝试应用 css 但我失败了。如何水平对齐它们？有什么建议么？
编辑：代码生成的标记

<fieldset style="float: right">
<span>
<input id="d1" type="checkbox" value="1" name="dTypeContainerArray">
<label for="d1">Item 1</label>
</span>
<span>
<input id="d2" type="checkbox" value="2" name="dTypeContainerArray">
<label for="d2">Item 2</label>
</span>
<span>
<input id="d3" type="checkbox" value="3" name="dTypeContainerArray">
<label for="d3">item 3</label>
</span>
   ........
<span>
<input id="d7" type="checkbox" value="7" name="dTypeContainerArray">
<label for="d7">Media</label>
</span>
<span>
<input id="d8" type="checkbox" value="8" name="dTypeContainerArray">
<label for="d8">Misc</label>
</span>
<span>
<input id="d9" type="checkbox" value="9" name="dTypeContainerArray">
<label for="d9">Open Source Int</label>
</span>
<input type="hidden" value="on" name="_dTypeContainerArray">
<input class="ui-button ui-widget ui-state-default ui-corner-all" type="submit" onclick="changeFormAction('2/76/finalize')" style="border-radius: 0" value="Check Button" role="button">
</fieldset>

Answer 1

这checkboxes标签允许您指定一个cssClass属性您可以提供将应用的 css 类。然后只需在您的 css 中定义一个样式，使这些元素浮动。

文档

您发布的原始 html 实际上水平对齐复选框。见这里。我怀疑您页面上的其他一些样式正在影响这些复选框。

Answer 2

我在使用 Bootstrap css 时遇到了同样的问题。我通过覆盖要显示的标签元素样式来修复：内联。

Answer 3

您可以为此使用 display:inline-block 属性。看看这段代码。

JSFiddle

label {
display: inline-block;
width: 40%;
}