Ҡалып:Center

[просмотр] [править] [история] [обновить]

Документация

{docpage}} Простые шаблоны без параметров Ҡалып:Tld, Ҡалып:Tld, Ҡалып:Tld служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования :

Наиболее общий и, поэтому, самый простой вид центрирования — это центрирования текста внутри ячейки таблицы <td></td>, в блоке <div></div>, в абзаце <p></p> или в заголовках типа <h1></h1>. Для выравнивания (ингл. align) текста в CSS имеется определённое свойство text-align с параметрами: left , center , right и justify , которое реализовано в шаблоне {{Text-align}}. Если в блоке отсутствует изображение, то текст можно отцентрировать с помощью шаблона {{center}}, иначе возникает неопределённая ситуация.
Вторая, более сложная, ситуация возникает, когда рядом с текстом присутствует изображение. При изменении масштаба шрифта или размера экрана, свободное плавающее (ингл. float) пространство окна позволяет тексту плыть рядом с изображением, гибко перераспределяться, обтекая его либо слева, либо справа (понятно, что если изображение находится в центре, то текст можно разместить только снизу). Для реализации этой ситуации разработан шаблон {{align}}.

Разметка	Выполнит как
{{Center\|Hello world!}}	Hello world!

Чтобы сделать это без шаблона, просто используйте следующий код:

<div class="center" style="width:auto; margin-left:auto; margin-right:auto;"></div>

Выравнивание текста в таблице

С помощью left, center, right
Ҡалып:Tld	Ҡалып:Tld	Ҡалып:Tld
Left	Center	Right
С помощью align
Ҡалып:Tld	Ҡалып:Tld	Ҡалып:Tld
Left	Center	Right

Выравнивание текста с помощью {{Text-align}}

Шаблон {{Text-align}} предназначен для работы с текстом и управляет горизонтальным выравниванием текста в пределах блока. В отличии от {{align}} умеет выравнивать абзац по ширине блока.

Формат: {{Text-align|позиция|текст}}

Параметр позиция может принимать значения:

left — строка выравнивается по левому краю
center — строка выравнивается по центру
right — строка выравнивается по правому краю
justify — строка выравнивается по ширине блока, если её ширина больше ширины блока.
start — Аналогично значению left, если текст идёт слева направо и right, когда текст идёт справа налево.
end — Аналогично значению right, если текст идёт слева направо и left, когда текст идёт справа налево.
match-parent — Это значение ведёт себя так же, как inherit с различием, что значение start и end вычисляются в соответствии direction и заменяются соответствующим left или right значением.

`{{text-align\|left\|'''Hello world!'''}}` Hello world!
`{{text-align\|right\|'''Hello world!'''}}` Hello world!
`{{text-align\|center\|'''Hello world!'''}}` Hello world!

См. также

{{Align}}
{{Left}}
{{Center}}
{{Right}}
{{Text-align}}
{{Vertical-align}}

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