Page 274 - Сила CSS3 Освой новейший стандарт

274 • Глава 7. Вспоминаем навыки верстки

Таблица 7.2 (продолжение)

Значение Горизонтальные дочерние Вертикальные дочерние
элементы элементы
justify* Пространство поровну делится То же
между всеми дочерними
элементами, перед первым и
после последнего из них нет
никакого дополнительного
пустого пространства. В случае
единственного дочернего
элемента — то же, что start

* Значение justify для свойства box-pack не поддерживается в браузере Firefox; оно
обрабатывается так же, как и start.

вОзвращаемся в действительнОсть: ЧтО рабОтает сейЧас

К сожалению, большая часть проделанной нами в этой главе работы — это всего
лишь иллюстрация возможностей, а не демонстрация способов применения модели
гибкого поля в реальных условиях сегодняшнего дня. В IE, Opera и других браузерах,
не поддерживающих данную модель, макет полностью искажается (рис. 7.19). Это
не то же самое, что отсутствие на странице в IE скругленных уголков полей при
использовании свойства border-radius. Здесь свойства CSS3 фактически влияют
на макет страницы, и результат их использования выходит за пределы простых
декоративных эффектов.
Новейшая версия сценария Modernizr способна распознавать, поддерживает ли
браузер модель гибкого поля; его можно использовать для передачи не поддержи-
вающим браузерам альтернативных стилей, основанных на плавающих элементах
или других техниках. Разумеется, это полностью противоречит самой идее созда-
ния макета на базе модели гибкого поля — если вам придется потратить время на
конструирование макета с плавающими полями, который будет работать в любом
браузере, зачем расходовать его еще и на макет с гибкими полями?
Но не стоит отчаиваться! Уже сегодня существуют вполне реальные способы
применения модели гибкого поля. В предыдущем разделе я продемонстрирова-
ла вам создание полностраничного многостолбцового макета, поскольку этот
пример хорошо иллюстрирует большинство свойств гибкого поля, к тому же
именно так, возможно, нам придется верстать страницы в будущем. Однако
какие-то ограниченные сценарии использования модели гибкого поля можно
найти уже сейчас.

www.trk.kg