Posts Tagged ‘CSS3 Flexbox Layout’

CSS3 Flexbox Layout в IE10 (ч.1)

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , ,

Продолжаем цикл статей, посвящённый новым возможностям CSS3, которые будут поддерживаться в Internet Explorer 10 и поддерживаются в настоящее время в Internet Explorer  10 Platform Preview 1. Очередная статья будет рассказывать о так называемой гибкой разметке (от англ. flexbox layout).

1. Что такое гибкая разметка
Во многих случаях требуется разместить на веб-страницы различные элементы (контейнеры <DIV>, изображения и пр.) таким образом, чтобы они выстраивались друг за другом в определённом порядке. Сделать это проще простого — мы записываем теги, создающие эти элементы, в HTML-коде Web-страницы в нужном порядке, а браузер их в этом же порядке выводит.
(далее…)

CSS3 Flexbox Layout в IE10 (ч.2)

Воскресенье, Май 6th, 2012 Нет комментариев

Under : , , , ,

3. Вспомогательные возможности гибкой разметки
Теперь рассмотрим вспомогательные возможности гибкой разметки CSS3, которые, скорее всего, нам пригодятся.

3.1. Задание для размечаемых элементов выравнивания по направлению их выстраивания
Иногда может понадобиться выровнять размещаемые с помощью гибкой разметки элементы по направлению, в котором они выстраиваются. Так, если элементы выстраиваются по горизонтали, может возникнуть потребность выровнять их по правому краю родителя или центрировать в нём.
(далее…)