Бок о бок). Кроме того, вы можете использовать свойство vertical-aligп, чтобы выровнять
рисунок вертикально. Стиль .figure из шага 4 можно переписать так:
. figure {
}
di spl ау: inl ine-Ьlock :
vertical -align : top:
width: 210рх:
margin: О lOpx lOpx lOpx:
Недостатком этого очень простого и nолезного приема является то, что он не будет работать в IE б,
IE 7 и Firefox 2. зато он работает во всех остальных брауэерах, в том числе и в IE 8!
Глава 8. Добавление графики на веб-страницы
Вернитесь к файлу gallery .html в НТМL-редакторе. Найдите стиль . figure р
И добавьте в него свойство height. В итоге все должно выглядеть следующим
образом:
. figure р {
font: l.lem/normal Arial. Helvetica. sans-serif:
text-align: center:
margin: lOpx О О 0:
height: Sem:
Добавленное свойство устанавливает одинаковую высоту для всех подписей
Рисунков. В нашем случае размера достаточно, чтобы обеспечить правильное
Отображение строк текста (если требуется поместить в подписи больше текста,
Просто увеличьте значение высоты).
ПРИМЕЧАНИЕ-----------------------------------------------Совсем
Не обязательно nрименять свойство height, если вы уверены, что все nлавающие элементы
Имеют одинаковую высоту. Это может nонадобиться, если размеры фотографий различаются по
Высоте, nодnиси имеют разное количество строк текста или некоторые nодnиси отсутствуют.
