У меня есть контейнер, который используется для отображения пути сушки путем серии документов по мере их выбора.Изменение размера элементов в соответствии с их контейнером
Каждый элемент палитры - это один div, плавающий влево, чтобы они хорошо складывались друг за другом. Их ширина определяется их текстовым содержимым, которое является названием документа. Длины будут сильно различаться.
Что должно произойти: Когда список крошки элементов становится слишком длинным, чтобы отображаться в контейнере они должны изменить размер, гарантируя, что все они остаются видимыми в контейнере.
Проблема: Это похоже на работу, но только до точки. После того, как список панировочных сухарей станет слишком длинным для контейнера, я разделил ширину контейнера на количество существующих элементов сухаря и соответственно установил ширины элементов. Однако это не будет работать последовательно, иногда показывая последний документ в списке, но не указывая его прямой родительский, если он выбран.
В идеале элементы пачки должны просто сжиматься, чтобы убедиться, что все они отображаются, во многом так же, как значки окна имеют размер, отображаемый на панели задач Windows.
Iv сделал небольшую скрипку, чтобы подчеркнуть, что происходит, и даже здесь вы можете видеть, что элементы не изменяются правильно, чтобы убедиться, что все они отображаются. Это наиболее очевидно, поскольку добавлено 8 или более элементов.
http://jsfiddle.net/MaxVK/drw9J/30/
Может кто-нибудь сказать мне, что я делаю неправильно, пожалуйста?
Большое спасибо
МВК
Почему вы хотите продолжать сжимать divs до такой степени, что их больше нельзя читать? – nebulousGirl
Поскольку его вряд ли когда-либо заберут так далеко, и готовые элементы будут иметь набор заголовков, чтобы их можно было идентифицировать с помощью мыши. Главное - изменить их размер так, чтобы они соответствовали друг другу. – MaxVK