Как сделать HTML-элемент такой же высоты, как текст?

Question

Как сделать HTML-элемент такой же высоты, как текст?

0

В настоящее время я использую свойство css line-height в родительском div для увеличения межстрочного интервала, и это отлично подходит для текста и даже элементов <input>. Единственная проблема заключается в том, что любые пользовательские элементы управления, такие как JQuery spinner или Chosen, попытаются заполнить всю эту высоту строки (поскольку они настроены на display:inline-block)

В настоящее время это выглядит так:

Как заставить эти виджеты появляться на той же высоте, что и текст? Я имею в виду, что элементы по умолчанию <input> могут, так что это возможно?

Miguel 16 фев. 2014, в 07:33

Источник

1

@Miguel Предоставьте нам скрипку CSS только здесь
ArmaGeddON 16 фев. 2014, в 06:28

Теги:

javascript

jquery

html

css

1 ответ

Ещё вопросы

@Miguel Предоставьте нам скрипку CSS только здесь

Suman K.C · Answer 1 · 2014-02-16T06-48-00.000Z

Найти класс элемента /id и на свой собственный стиль.css вы можете настроить его свойство с помощью ! Important Но использование важности не считается хорошей практикой. (Но если проблема возникает в одном или двух местах, я думаю, что это хорошо)

Другой способ может быть, почему бы не внести изменения в jquery ui css, с которыми вы связаны.