如何在ul标签中使用li中的两个元素执行2列

Question

我想在ul标签中有两列，每个输入都应该有图像。 例如，之前我有这个并且很好

.res{
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

<ul class="res">
    <li>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
    <li>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
    <li>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
</ul>

后来我将图片添加到每个li

<ul class="res">
    <li>
        <img src="images/item1.png" width="34px" height="34px"/>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
    <li>
        <img src="images/item2.png" width="34px" height="34px"/>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
    <li>
        <img src="images/item3.png" width="34px" height="34px"/>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
</ul>

一切都出错了，这看起来像是

image    input
input    image
image    input

我希望

image input    image input
image input

Answer 1

所以只是like this？

我把所有的人都放到了这个：

<li style="float:left;">