Шаблон:Center/doc - История изменений

Andras в 16:30, 19 мая 2023

2023-05-19T16:30:58Z

← Предыдущая версия		Версия от 16:30, 19 мая 2023
Строка 1:		Строка 1:
	{{Docpage}}		{{Docpage}}
	Простые шаблоны без параметров {{Tc\|~~center~~\|...}}, {{Tc\|~~left~~\|...}}, {{Tc\|~~right~~\|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования :		Простые шаблоны без параметров {{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}}, иначе возникает неопределённая ситуация.		# Наиболее общий и, поэтому, самый простой вид центрирования — это <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}}.		# Вторая, более сложная, ситуация возникает, когда рядом с текстом присутствует изображение. При изменении масштаба шрифта или размера экрана, свободное плавающее ({{Lang-en\|Float}}) пространство окна позволяет тексту плыть рядом с изображением, гибко перераспределяться, обтекая его либо слева, либо справа (понятно, что если изображение находится в центре, то текст можно разместить только снизу). Для реализации этой ситуации разработан шаблон {{Tl\|Align}}.

Andras в 16:30, 19 мая 2023

2023-05-19T16:30:07Z

← Предыдущая версия		Версия от 16:30, 19 мая 2023
Строка 1:		Строка 1:
	{{Docpage}}		{{Docpage}}
	Простые шаблоны без параметров {{~~Tld~~\|center\|...}}, {{~~Tld~~\|left\|...}}, {{~~Tld~~\|right\|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования :		Простые шаблоны без параметров {{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}}, иначе возникает неопределённая ситуация.		# Наиболее общий и, поэтому, самый простой вид центрирования — это <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}}.		# Вторая, более сложная, ситуация возникает, когда рядом с текстом присутствует изображение. При изменении масштаба шрифта или размера экрана, свободное плавающее ({{Lang-en\|Float}}) пространство окна позволяет тексту плыть рядом с изображением, гибко перераспределяться, обтекая его либо слева, либо справа (понятно, что если изображение находится в центре, то текст можно разместить только снизу). Для реализации этой ситуации разработан шаблон {{Tl\|Align}}.
Строка 18:		Строка 18:
	!colspan="3" style="width:100%"\|С помощью left, center, right		!colspan="3" style="width:100%"\|С помощью left, center, right
	\|-		\|-
	\| {{~~Tld~~\|left\|Left}} \|\| {{~~Tld~~\|center\|Center}} \|\| {{~~Tld~~\|right\|Right}}		\| {{Tc\|left\|Left}} \|\| {{Tc\|center\|Center}} \|\| {{Tc\|right\|Right}}
	\|-		\|-
	\| {{Left\|Left}} \|\| {{Center\|Center}} \|\| {{Right\|Right}}		\| {{Left\|Left}} \|\| {{Center\|Center}} \|\| {{Right\|Right}}
Строка 24:		Строка 24:
	!colspan="3"\| С помощью <strong>align</strong>		!colspan="3"\| С помощью <strong>align</strong>
	\|-		\|-
	\| {{~~Tld~~\|align\|left\|Left}} \|\| {{~~Tld~~\|align\|center\|Center}} \|\| {{~~Tld~~\|align\|right\|Right}}		\| {{Tc\|align\|left\|Left}} \|\| {{Tc\|align\|center\|Center}} \|\| {{Tc\|align\|right\|Right}}
	\|-		\|-
	\| {{Align\|left\|Left}} \|\| {{Align\|center\|Center}} \|\| {{Align\|right\|Right}}		\| {{Align\|left\|Left}} \|\| {{Align\|center\|Center}} \|\| {{Align\|right\|Right}}

Andras: Новая страница: «{{Docpage}} Простые шаблоны без параметров {{Tld|center|...}}, {{Tld|left|...}}, {{Tld|right|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования : # Наиболее общий и, поэтому, самый простой...»

2023-05-19T16:28:03Z

Новая страница: «{{Docpage}} Простые шаблоны без параметров {{Tld|center|...}}, {{Tld|left|...}}, {{Tld|right|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования : # Наиболее общий и, поэтому, самый простой...»

Новая страница

{{Docpage}}
Простые шаблоны без параметров {{Tld|center|...}}, {{Tld|left|...}}, {{Tld|right|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования :
# Наиболее общий и, поэтому, самый простой вид центрирования — это центрирование текста внутри ячейки таблицы {{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
|-
| {{Tld|left|Left}} || {{Tld|center|Center}} || {{Tld|right|Right}}
|-
| {{Left|Left}} || {{Center|Center}} || {{Right|Right}}
|-
!colspan="3"| С помощью align
|-
| {{Tld|align|left|Left}} || {{Tld|align|center|Center}} || {{Tld|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   </code> — строка выравнивается по левому краю.
* <code>center </code> — строка выравнивается по центру.
* <code>right  </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> 
{{Text-align|left|'''Hello world!'''}}
|-
|<code><nowiki>{{Text-align|right|'''Hello world!'''}}</nowiki></code> 
{{Text-align|right|'''Hello world!'''}}
|-
|<code><nowiki>{{Text-align|center|'''Hello world!'''}}</nowiki></code> 
{{Text-align|center|'''Hello world!'''}}
|}

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

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