Несколько текстовых вводов, заключенных в <div>в <td> - PullRequest
Новая
       13

Несколько текстовых вводов, заключенных в <div>в <td>

0 голосов
/ 26 апреля 2018 
<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: enter image description here У меня вопрос, как мне правильно отобразить это? текстовые формы должны располагаться друг над другом и располагаться не по диагонали (красная стрелка), а по горизонтали.

Любая помощь будет высоко оценена. Это прекрасно работает в Chrome, кстати.

1 Ответ

0 голосов
/ 26 апреля 2018

Удаление классов pull-left из всех этих div должно исправить вашу проблему (если у вас нет другого кода, вызывающего то поведение, которое вы не опубликовали)

(эти теги br могут вам и не понадобиться)

...