Я восстанавливаю выпадающее меню, подобное <select>
, используя div и jquery.Элемент div, содержащий выпадающие элементы, должен иметь минимальную ширину, но не максимальную ширину, поскольку он должен расти вместе с самым широким элементом в списке (поэтому, если у меня есть очень длинный элемент, например «[Это самый длинный элемент в контейнере]»,весь контейнер должен быть такой же ширины, как эта запись.
Теперь я почти получил то, что хотел, используя white-space:nowrap
для каждого элемента в контейнере, чтобы текст элемента не продолжался на новомПроблема в том, что текст выходит из поля, используя вместо того, чтобы позволить блоку расти вдоль текста. Я не могу понять, как решить эту проблему. Я уже пробовал text-overflow:ellipsis
, но это, кажется, просто скрываетпереполненный текст и добавление трех точек (...) в конце.
Итак, вот моя проблема в двух словах: как я могу позволить div расти вместе с текстом внутри него, когда white-space:nowrap
Я не хочу скрывать текст, используя overflow:hidden
, я хочу показать всю строку ..
Заранее спасибо!