Можно ли создать div, содержащий несколько ящиков, которые автоматически соответствуют размеру родителя (распределяются равномерно) без использования таблицы или Javascript? Я понимаю, что это возможно с table-layout:fixed;
, но я попытался оживить это, и он, похоже, не очень хорошо работает. Следующая картина - пример того, что я имею в виду:
Я пытаюсь увеличить ширину одного поля внутри div, который затем будет обрабатывать все остальные поля автоматически, чтобы все поля вписывались в div равномерно. Мне нужно, чтобы он был анимированным, а не только мгновенным, и в этом случае я бы просто использовал таблицу. Я также экспериментировал с ним, используя Javascript, анимируя его с помощью -webkit-transition
, но это не оказалось очень оживленным. Вместо того, чтобы увеличивать/уменьшать размер, окно, казалось, начинало его ширину при 0px, а затем растягивалось до заданного им размера. (это использовало таблицу с table-layout:fixed
. Есть ли чистый способ CSS/HTML для этого, или он требует использования Javascript и/или таблицы?