我有以下HTML定义。（我正在使用淘汰赛）
<ul data-bind="foreach: itemList">
<li>
<span data-bind="text: displayName"></span>
<span class="right" data-bind="text: measurement"></span>
<input type="checkbox" />
</li>
</ul>
我希望这些显示如下
Item1 measurement1 Checkbox1
Item2 measurement2 Checkbox2
Item3 measurement3 Checkbox3
我希望通过以下方式进行调整：
第1列浮在最左边。
第3列（输入复选框）浮在最右边。
第2列在最右边，但在Column3的左边
我试过使用DIV和float / display属性。
我无法实现所需的视觉行为。
我将如何完成？
浮动和文本对齐？
li {
display:block;
text-align:right;
width:200px;/* whatever width you set here or in parent */
}
li :first-child {
float:left;
}
input {
vertical-align:middle;/* ? */
}<ul data-bind="foreach: itemList">
<li>
<span data-bind="text: displayName">item</span>
<span class="right" data-bind="text: measurement">measure</span>
<input type="checkbox" />
</li>
</ul>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句