2011-12-14 1 views
6

Пожалуйста, обратите внимание на эту скрипку: http://jsfiddle.net/hughbe/QYGcq/Сделать ярлык для текстового поля идти рядом с ним, но выравнивается в центре вертикально

Как вы можете видеть, метка для <textarea id = "FooText"></textarea> находится рядом с textarea, как это должно однако, я хотел бы сделать ярлык вертикально рядом с текстовым полем или в верхней части текстового поля, а не снизу, как в этой скрипке.

Я пробовал установить его css на vertical-align: middle, но это не сработало. Что я должен сделать, чтобы выровнять метку вверху или середине?

Спасибо.

ответ

17

Использование vertical-align: middle на текстовое поле http://jsfiddle.net/VxY6m/

Поскольку вертикальная выравнивание означает быть относительно строки текста - метка в этом случае.

+0

+1. Это действительно помогло! – Ben

1

Попробуйте это:

<style> 
    label { 
     display: block; 
     float: left; 
     padding-top: 8px 
    } 
    textarea { 
     resize: none; 
     overflow-y: hidden;   
    } 
</style> 
<label for="FooText">Content:</label> 
<textarea id="FooText"></textarea> 

То, что я сделал, сделать метку блок элемента и применить верхнюю прокладку к нему. См. Также fiddle.

 Смежные вопросы

  • Нет связанных вопросов^_^