Изменение размера
По умолчанию вставляемое изображение отображается в полный размер при условии, что его ширина не превышает ширину контейнера. В противном случае изображение будет уменьшено до размеров контейнера.
Для задания фиксированного размера изображения необходимо присвоить контейнеру (например, абзацу) класс thumb
в сочетании с одним из следующих классов, ограничивающих максимальную ширину изображения:
.tiny
— 60 пикселов;.small
— 120 пикселов;.medium
— 180 пикселов;.large
— 240 пикселов.
При этом высота изображения уменьшается пропорционально.
Эти классы можно сочетать с другими, например, селектор {.left-float.thumb.small}
ограничивает ширину изображения до 120 пикселов, а также задает висячее слева положение (с обтеканием текстом справа):
Обычный параграф.
![][sample] {.left-float.thumb.small}
Этот текст обтекает картинку справа.
Картина уменьшена до 120 пикселов по ширине.
Этот блок завершает обтекание. {.clear}
Обычный параграф.
Этот текст обтекает картинку справа.
Картина уменьшена до 120 пикселов по ширине.
Этот блок завершает обтекание.