Я бы рекомендовал использовать плагин автозаполнения jQuery:
https://jqueryui.com/autocomplete/
Он настраивается и имеет автозаполнение поиск из коробки. Он также может потреблять ваш удаленный источник данных (хотя вы можете рассмотреть ответ с разбивкой по страницам):
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 выше.
Простое перемещение обоих оставшихся элементов приводит к такому же результату.
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;
}
Дать vertical-align:top;
в a
& amp; span
. Например:
a, span{
vertical-align:top;
}
Проверьте это http://jsfiddle.net/TFPx8/10/