«Если рабочий хочет хорошо выполнять свою работу, он должен сначала заточить свои инструменты» — Конфуций, «Аналитики Конфуция. Лу Лингун»
титульная страница > программирование > Как достичь ширины жидкости и даже расстояния для четырех Div в контейнере?

Как достичь ширины жидкости и даже расстояния для четырех Div в контейнере?

Опубликовано в 2025-02-06
Просматривать:279

How to Achieve Fluid Width and Even Spacing for Four DIVs in a Container?

ширина жидкости с одинаково ранее Divs

Вопрос:

у вас есть контейнер с шириной жидкости Div с четырьмя Div, каждый с фиксированными размерами. Как вы можете поплавлять коробку 1 слева, вставка 4 вправо и равномерно пространственные ящики 2 и 3, поддерживая расстояние с жидкостью при изменении размера окна браузера? &&&]] см. Предоставленный JSfiddle для полного примера: http://jsfiddle.net/thirtydot/edp8r/t Достигните желаемый макет:

text-align: useify;:

это выравнивает Divs горизонтально, распределяя пространство между ними.

.

пролет с шириной, установленной на 100%. Он расширяется, чтобы заполнить оставшуюся ширину контейнера. *дисплей: inline; Zoom: 1 ;:

обеспечивает поведение встроенного блока для IE6/7.

  • font-size: 0; Line-Height: 0;: предотвращает вертикальное пространство, вызванное встроенным блоком в IE6.
  • , объединив эти методы, DOV расположены плавно, равномерно распределены и плавают по желанию, независимо от ширина контейнера. ]
Последний учебник Более>

Изучайте китайский

Отказ от ответственности: Все предоставленные ресурсы частично взяты из Интернета. В случае нарушения ваших авторских прав или других прав и интересов, пожалуйста, объясните подробные причины и предоставьте доказательства авторских прав или прав и интересов, а затем отправьте их по электронной почте: [email protected]. Мы сделаем это за вас как можно скорее.

Copyright© 2022 湘ICP备2022001581号-3