У меня есть изображение рядом с входом, и мне было интересно, как я сосредоточился между собой. Мне нужно, чтобы центр изображения был вертикально выровнен с центром ввода. Как это сделать?Центрирование изображения с помощью ввода?
Markup:
<span class="my-span">
<input type="text" .../><a href="..."><img .../></a>
</span>
Установка вертикального выравнивания по центру на <img> должен поставить вас в бизнесе:
<span class="my-span">
<input type="text" .../><a href="..."><img ... style="vertical-align: middle"/></a>
</span>
Вы можете увидеть его in action here.
Это не работает для меня. Что-то должно быть укладка , чтобы заставить его как-то компенсироваться. –
Если вы можете опубликовать любой связанный CSS, я не против взглянуть. – Pat
Ваше изображение должно иметь стили Ф.Ф. работы:
img { vertical-align: middle; display: table-cell; }
и ваш входной элемент, добавьте
input { float: left; }
Установка вертикального выравнивания на обоих входных и Img элементов работает для меня:
<span class="my-span">
<input type="text" style="vertical-align: middle" /><a href="..." ><img style="vertical-align: middle" ... /></a>
</span>
Пробовал ли вы методы, описанные в этой ссылке: http://www.jakpsatweb.cz/css/css-vertical-center-solution.html? –