https://massarn.com/w/index.php?action=history&feed=atom&title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD%3ACenter%2Fdoc Шаблон:Center/doc - История изменений 2026-10-14T15:16:16Z История изменений этой страницы в вики MediaWiki 1.46.2 https://massarn.com/w/index.php?title=%D0%A8%D0%B0%D0%B1%D0%BB%D0%BE%D0%BD:Center/doc&diff=2249&oldid=prev Buto: Новая страница: «{{docpage}} Простые шаблоны без параметров {{tld|center|...}}, {{tld|left|...}}, {{tld|right|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования : # Наиболее общий и, поэтому, самый простой...» 2026-10-13T20:54:05Z <p>Новая страница: «{{docpage}} Простые шаблоны без параметров {{tld|center|...}}, {{tld|left|...}}, {{tld|right|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования : # Наиболее общий и, поэтому, самый простой...»</p> <p><b>Новая страница</b></p><div>{{docpage}}<br /> Простые шаблоны без параметров {{tld|center|...}}, {{tld|left|...}}, {{tld|right|...}} служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования :<br /> # Наиболее общий и, поэтому, самый простой вид центрирования — это &lt;u&gt;центрирование текста&lt;/u&gt; внутри ячейки таблицы {{tag|td}}, в блоке {{tag|div}}, в абзаце {{tag|p}} или в заголовках типа {{tag|h1}}. Для выравнивания ({{lang-en|align}}) текста в [[CSS]] имеется определённое свойство &#039;&#039;&#039;text-align&#039;&#039;&#039; с параметрами: &#039;&#039;&#039; left &#039;&#039;&#039;, &#039;&#039;&#039; center &#039;&#039;&#039;, &#039;&#039;&#039; right &#039;&#039;&#039; и &#039;&#039;&#039; justify &#039;&#039;&#039;, которое реализовано в шаблоне {{tl|Text-align}}. Если в блоке отсутствует изображение, то текст можно отцентрировать с помощью шаблона {{tl|center}}, иначе возникает неопределённая ситуация.<br /> # Вторая, более сложная, ситуация возникает, когда рядом с текстом присутствует изображение. При изменении масштаба шрифта или размера экрана, свободное плавающее ({{lang-en|float}}) пространство окна позволяет тексту плыть рядом с изображением, гибко перераспределяться, обтекая его либо слева, либо справа (понятно, что если изображение находится в центре, то текст можно разместить только снизу). Для реализации этой ситуации разработан шаблон {{tl|align}}.<br /> <br /> <br /> {{markup<br /> | &lt;nowiki&gt;{{Center|Hello world!}}&lt;/nowiki&gt;<br /> | {{Center|Hello world!}}<br /> }}<br /> <br /> Чтобы сделать это без шаблона, просто используйте следующий код:<br /> : {{tag|div|wrap=yes|params=class=&quot;center&quot; style=&quot;width:auto; margin-left:auto; margin-right:auto;&quot;}}<br /> <br /> <br /> == Выравнивание текста в таблице ==<br /> {| class=&quot;wikitable&quot;<br /> !colspan=&quot;3&quot; style=&quot;width:100%&quot;|С помощью left, center, right<br /> |-<br /> | {{tld|left|Left}} || {{tld|center|Center}} || {{tld|right|Right}}<br /> |-<br /> | {{left|Left}} || {{center|Center}} || {{right|Right}}<br /> |-<br /> !colspan=&quot;3&quot;| С помощью &#039;&#039;&#039;align&#039;&#039;&#039;<br /> |-<br /> | {{tld|align|left|Left}} || {{tld|align|center|Center}} || {{tld|align|right|Right}}<br /> |-<br /> | {{align|left|Left}} || {{align|center|Center}} || {{align|right|Right}}<br /> |}<br /> <br /> <br /> == Выравнивание текста с помощью {{tl|Text-align}} ==<br /> Шаблон {{tl|Text-align}} предназначен для работы с &#039;&#039;&#039;текстом&#039;&#039;&#039; и управляет горизонтальным выравниванием текста в пределах блока. В отличие от {{tl|align}}, умеет выравнивать абзац по ширине блока.<br /> <br /> &#039;&#039;&#039;Формат:&#039;&#039;&#039; {{tlx|Text-align|&#039;&#039;позиция&#039;&#039;|&#039;&#039;текст&#039;&#039;}}<br /> <br /> Параметр &lt;code&gt;позиция&lt;/code&gt; может принимать значения:<br /> * &lt;code&gt;left&amp;#160;&amp;#160;&amp;#160;&lt;/code&gt; — строка выравнивается по левому краю.<br /> * &lt;code&gt;center&amp;#160;&lt;/code&gt; — строка выравнивается по центру.<br /> * &lt;code&gt;right&amp;#160;&amp;#160;&lt;/code&gt; — строка выравнивается по правому краю.<br /> * &lt;code&gt;justify&lt;/code&gt; — строка выравнивается по ширине блока, если её ширина больше ширины блока.<br /> * &lt;code&gt;start&lt;/code&gt; — аналогично значению &#039;&#039;left&#039;&#039;, если текст идёт слева направо, и &#039;&#039;right&#039;&#039;, когда текст идёт справа налево.<br /> * &lt;code&gt;end&lt;/code&gt; — аналогично значению &#039;&#039;right&#039;&#039;, если текст идёт слева направо, и &#039;&#039;left&#039;&#039;, когда текст идёт справа налево.<br /> * &lt;code&gt;match-parent&lt;/code&gt; — это значение ведёт себя так же, как &#039;&#039;inherit&#039;&#039;, с различием, что значение &#039;&#039;start&#039;&#039; и &#039;&#039;end&#039;&#039; вычисляются в соответствии с &#039;&#039;direction&#039;&#039; и заменяются соответствующим значением &#039;&#039;left&#039;&#039; или &#039;&#039;right&#039;&#039;.<br /> {| class=&quot;wikitable&quot;<br /> |-<br /> |&lt;code&gt;&lt;nowiki&gt;{{text-align|left|&#039;&#039;&#039;Hello world!&#039;&#039;&#039;}}&lt;/nowiki&gt;&lt;/code&gt;&lt;br&gt;<br /> {{text-align|left|&#039;&#039;&#039;Hello world!&#039;&#039;&#039;}}<br /> |-<br /> |&lt;code&gt;&lt;nowiki&gt;{{text-align|right|&#039;&#039;&#039;Hello world!&#039;&#039;&#039;}}&lt;/nowiki&gt;&lt;/code&gt;&lt;br&gt;<br /> {{text-align|right|&#039;&#039;&#039;Hello world!&#039;&#039;&#039;}}<br /> |-<br /> |&lt;code&gt;&lt;nowiki&gt;{{text-align|center|&#039;&#039;&#039;Hello world!&#039;&#039;&#039;}}&lt;/nowiki&gt;&lt;/code&gt;&lt;br&gt;<br /> {{text-align|center|&#039;&#039;&#039;Hello world!&#039;&#039;&#039;}}<br /> |}<br /> <br /> == См. также ==<br /> * {{tl|Align}}<br /> * {{tl|Left}}<br /> * {{tl|Center}}<br /> * {{tl|Right}}<br /> * {{tl|Text-align}}<br /> <br /> &lt;includeonly&gt;<br /> [[Категория:Шаблоны:Позиционирование]]<br /> &lt;/includeonly&gt;</div> Buto