Редактирование: Шаблон:Center/doc

{{Docpage}}
Простые шаблоны без параметров {{Tc|Center|...}}, {{Tc|Left|...}}, {{Tc|Right|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования :
# Наиболее общий и, поэтому, самый простой вид центрирования — это <u>центрирование текста</u> внутри ячейки таблицы {{Tag|td}}, в блоке {{Tag|div}}, в абзаце {{Tag|p}} или в заголовках типа {{Tag|h1}}. Для выравнивания ({{Lang-en|Align}}) текста в [[CSS]] имеется определённое свойство '''text-align''' с параметрами: ''' left ''', ''' center ''', ''' right ''' и ''' justify ''', которое реализовано в шаблоне {{Tl|Text-align}}. Если в блоке отсутствует изображение, то текст можно отцентрировать с помощью шаблона {{Tl|Center}}, иначе возникает неопределённая ситуация.
# Вторая, более сложная, ситуация возникает, когда рядом с текстом присутствует изображение. При изменении масштаба шрифта или размера экрана, свободное плавающее ({{Lang-en|Float}}) пространство окна позволяет тексту плыть рядом с изображением, гибко перераспределяться, обтекая его либо слева, либо справа (понятно, что если изображение находится в центре, то текст можно разместить только снизу). Для реализации этой ситуации разработан шаблон {{Tl|Align}}.


{{Markup
| <nowiki>{{Center|Hello world!}}</nowiki>
| {{Center|Hello world!}}
}}

Чтобы сделать это без шаблона, просто используйте следующий код:
: {{Tag|div|params=class="center" style="width:auto; margin-left:auto; margin-right:auto;"}}


== Выравнивание текста в таблице ==
{| class="wikitable"
!colspan="3" style="width:100%"|С помощью left, center, right
|-
| {{Tc|left|Left}} || {{Tc|center|Center}} || {{Tc|right|Right}}
|-
| {{Left|Left}} || {{Center|Center}} || {{Right|Right}}
|-
!colspan="3"| С помощью <strong>align</strong>
|-
| {{Tc|align|left|Left}} || {{Tc|align|center|Center}} || {{Tc|align|right|Right}}
|-
| {{Align|left|Left}} || {{Align|center|Center}} || {{Align|right|Right}}
|}


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

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

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

Параметр <code>позиция</code> может принимать значения:
* <code>left&#160;&#160;&#160;</code> — строка выравнивается по левому краю.
* <code>center&#160;</code> — строка выравнивается по центру.
* <code>right&#160;&#160;</code> — строка выравнивается по правому краю.
* <code>justify</code> — строка выравнивается по ширине блока, если её ширина больше ширины блока.
* <code>start</code> — аналогично значению ''left'', если текст идёт слева направо, и ''right'', когда текст идёт справа налево.
* <code>end</code> — аналогично значению ''right'', если текст идёт слева направо, и ''left'', когда текст идёт справа налево.
* <code>match-parent</code> — это значение ведёт себя так же, как ''inherit'', с различием, что значение ''start'' и ''end'' вычисляются в соответствии с ''direction'' и заменяются соответствующим значением ''left'' или ''right''.
{| class="wikitable" width="500px"
|-
|<code><nowiki>{{Text-align|left|'''Hello world!'''}}</nowiki></code><br />
{{Text-align|left|'''Hello world!'''}}
|-
|<code><nowiki>{{Text-align|right|'''Hello world!'''}}</nowiki></code><br />
{{Text-align|right|'''Hello world!'''}}
|-
|<code><nowiki>{{Text-align|center|'''Hello world!'''}}</nowiki></code><br />
{{Text-align|center|'''Hello world!'''}}
|}

== См. также ==
* {{Tl|Align}}
* {{Tl|Left}}
* {{Tl|Center}}
* {{Tl|Right}}
* {{Tl|Text-align}}
* {{Tl|Vertical-align}}

<includeonly>
[[Категория:Шаблоны:Позиционирование]]
</includeonly>