Как выравнивать divs горизонтально последовательно?

В моем HTML я хочу выровнять 8 цветных divs, горизонтально разделенных постоянным пространством. У меня есть <table> как контейнер для этих div. Размер определяется в процентах (%) вместо пикселей (px) для масштабирования.Как выравнивать divs горизонтально последовательно?

Когда пользователь изменяет размер окна, div также могут быть изменены, но не в равной пропорции (то есть height! = Width), и результат выглядит как прямоугольник, а не квадрат. Я хотел бы выровнять эти div таким образом, что когда пользователь изменяет размер окна, divs также получают размер в равной пропорции, а также сохраняют свою квадратную форму.

источник

2012-02-27 Sam

Могу ли я увидеть фактический HTML и CSS? – NekaraNef

Было бы хорошо вернуться и принять ответы на вопросы, которые вы задали. – bassplayer7

Нет чистого решения HTML/CSS для масштабирования divs способом, который поддерживает их пропорции - вам нужно будет использовать некоторые скрипты. См. Решение JQuery, которое вы можете использовать здесь: Scale a div to fit in window but preserve aspect ratio

источник

2012-02-27 12:06:17

Я не голосовал за вас, потому что я не уверен, что именно вы имели в виду в этом утверждении, но если вы имели в виду, что нет никакого способа сохранить соотношение сторон div, используя чистый HTML/CSS, вы ошибаетесь. См. Два подхода, которые я представил на странице, которую вы связали. –

Вы можете разместить прозрачное квадратное GIF-изображение (достаточно 1 × 1px) с width: 100% в каждый блок. Размеры изображения и его контейнера будут поддерживаться постоянным автоматически независимо от конкретного расчетного значения пикселя width: 100%.

источник

2012-02-27 14:38:14

Как выравнивать divs горизонтально последовательно?

ответ

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