CSS выравнивание

Цикл статей «CSS учебник».

Следующая статья — «».
Предыдущая статья — «CSS позиционирование».

Можно выравнивать блоковые элементы по правому или левому краю с помощью указания свойства position:absolute  и right:0px  или left:0px.

Можно выровнять блоковый элемент по центру, указав margin-left:auto  и margin-right:auto.

Можно использовать свойство float. Значение left  означает выравнивание по левому краю. В этом случае другие элементы будут обтекать его справа. Значение right  означает выравнивание элемента по правому краю. Остальные элементы будут обтекать его слева.

Результат будет выглядеть примерно так:

CSS float left

Описание CSS-свойства float с примером.

Можно отменить обтекание элементов с установленным свойством float . Для этого нужно использовать свойство clear. Возможные значения: both (отменяет обтекание со всех сторон), left  (отменяет обтекание слева), right  (отменяет обтекание справа).

В этом примере текст в первом теге <p>  будет обтекать картинку, как в примере выше. А текст во втором теге <p>  будет располагаться ниже картинки так, как он располагался бы без выравнивания картинки по левому краю.

Описание CSS-свойства clear с примером.

Цикл статей «CSS учебник».

Следующая статья — «».
Предыдущая статья — «CSS позиционирование».


Поделиться:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.

*