Выравнивание картинок внутри блока

Выбор способа зависит от типа элемента блочный или строчный, от типа его позиционирования, размеров. Он позволяет выравнивать изображения с правой, с левой стороны окна или относительно элементов строки. Верхняя граница изображения выравнивается по самому высокому элементу текущей строки. На этой страничке вы найдете ответ на вопрос, каким образом можно отцентровать картинку в блоке.

Этот метод подходит почти ко всем элементам.

Центрирование блока или изображения.

Выравнивает изображение по левому краю окна.

Выравнивание нижней границы изображения по окружающему тексту. Это был совет о разработке веб-интерфейсов. Так, рисунок может выравниваться по правому или левому краю окна браузера или, если он встраивается непосредственно в текстовую строку, по базовой линии текста.

Если изображение выравнивается по левому краю текст обтекает по правой стороне.

Подобные задачи возникают сплошь и рядом, к примеру, каталог продукции в интернет-магазине. Выравнивание середины изображения по базовой линии текущей строки.

Выравнивает изображение по правому краю окна. Заметьте, что строки внутри блока не центрированы они выровнены влево, в отличие от предыдущего примера.