3 столбца с фиксированной высотой, заполненные содержимым внутри фиксированной обертки div [duplicate]

Я бы рекомендовал использовать плагин автозаполнения jQuery:

https://jqueryui.com/autocomplete/

Он настраивается и имеет автозаполнение поиск из коробки. Он также может потреблять ваш удаленный источник данных (хотя вы можете рассмотреть ответ с разбивкой по страницам):

http://api.jqueryui.com/autocomplete/#option-source

119
задан web-tiki 17 April 2014 в 16:32
поделиться

3 ответа

vertical-align применяется к выравниваемым элементам, а не к их родительскому элементу. Чтобы вертикально выровнять дочерние элементы div, сделайте следующее:

div > * {
    vertical-align:middle;  // Align children to middle of line
}

Смотрите: http://jsfiddle.net/dfmx123/TFPx8/1186/

ПРИМЕЧАНИЕ. vertical-align относится к текущей текстовой строке, а не к полной высоте родителя div. Если вы хотите, чтобы родительский div был выше и все еще имел элементы с вертикальной ориентацией, установите для него свойство div line-height вместо height. Следуйте приведенной выше ссылке jsfiddle выше.

234
ответ дан Diego 24 August 2018 в 19:33
поделиться

Простое перемещение обоих оставшихся элементов приводит к такому же результату.

div {
background:yellow;
vertical-align:middle;
margin:10px;
}

a {
background-color:#FFF;
width:20px;
height:20px;
display:inline-block;
border:solid black 1px;
float:left;
}

span {
background:red;
display:inline-block;
float:left;
}
3
ответ дан HoldTheLine 24 August 2018 в 19:33
поделиться

Дать vertical-align:top; в a & amp; span. Например:

a, span{
 vertical-align:top;
}

Проверьте это http://jsfiddle.net/TFPx8/10/

21
ответ дан sandeep 24 August 2018 в 19:33
поделиться