<td> 内的 <div> 包含多个文本输入

Question

<td>
<form>
    <div class="pull-left" style="margin-top: 30px;">
        <input name="searchInput" tabindex="0" class="form-control input-sm" id="simple-field" style="min-width: 162px; max-width: 162px;" type="text" placeholder="Enter CI" value="" label="hid">
    </div>
<br>
<br>
    <div class="pull-left" style="margin-top: 30px;">
        <input name="searchInput" tabindex="0" class="margin-5-top form-control input-sm" id="simple-field" style="min-width: 162px; max-width: 162px;" type="text" placeholder="Enter CI" value="" label="hid">
    </div>
<br><br>
    <div class="pull-left" style="margin-top: 30px;">
        <input name="searchInput" tabindex="0" class="margin-5-top form-control input-sm" id="simple-field" style="min-width: 162px; max-width: 162px;" type="text" placeholder="Enter CI" value="" label="hid">
    </div>
<br><br>
</form>
<span style="color: rgb(174, 88, 86);">
</span>
</td>

这导致在 IE 11 中呈现以下内容：我的问题是如何正确显示它？文本表格应该相互堆叠，而不是对角排列（红色箭头），而是水平排列。

如有任何帮助，我们将不胜感激。这在 Chrome 顺便说一句很好用。

Answer 1

从所有这些 div 中删除 pull-left 类应该可以解决您的问题（如果您没有任何其他代码导致您没有 post)

（您可能也不需要这些 br 标签）

<td> 内的 <div> 包含多个文本输入

Multiple text inputs wrapped in <div> within <td>

html

css

textinput

twitter-bootstrap