Шаблон:Clear
Этот шаблон позволяет очистить левую сторону страницы, правую сторону или обе стороны. Под очисткой здесь понимается, что следующее после шаблона содержимое не будет отображаться, пока уже существующее и прикреплённое к указанным сторонам содержимое (например, «висящие» изображения или блоки) не отобразилось полностью. Этот шаблон нередко используется, чтобы текст не обтекал не связанные с ним изображения.
Шаблон добавляет в страницу следующий код: <div style="clear:left/right/both;"></div>
(значение после clear
зависит от очищаемых сторон). Этот код влияет на элементы с заданным CSS-свойством float
, среди которых файлы с заданным прикреплением к стороне (например [[Файл:Изображение.png|right]]
).
Применение
- Чтобы очистить обе стороны страницы, добавьте код
{{Clear}}
. - Чтобы очистить только левую сторону страницы, добавьте код
{{Clear|left}}
. - Чтобы очистить только правую сторону страницы, добавьте код
{{Clear|right}}
.
В качестве краткого вызова шаблона можно вместо {{Clear}}
использовать {{-}}
.
Демонстрация использования
=== Раздел 1 === [[Файл:Curse hydra.png|200px|right]] Текст раздела 1. === Раздел 2 === Текст раздела 2. {{Clear|right}} === Раздел 3 === Текст раздела 3.
Этот код выводит следующий результат:
Раздел 1
Текст раздела 1.
Раздел 2
Текст раздела 2.
Раздел 3
Текст раздела 3.
Как вы, скорее всего, видите выше, добавленное в разделе 1 изображение гидры отображается справа и от раздела 2, в то время как в конце второго раздела вызван шаблон {{Clear}}
, вследствие чего справа от третьего раздела изображения гидры нет. Таким образом, одно из применений шаблона {{Clear}}
— контролировать, рядом с каким текстом могут отображаться какие изображения.