Халыып:Center
Тас көрүҥэ
Простые шаблоны без параметров Халыып:Tld, Халыып:Tld, Халыып:Tld служат для центрирования как изображения, так и текста, которые выступают в качестве параметра. Существуют два основных вида центрирования :
- Наиболее общий и, поэтому, самый простой вид центрирования — это центрирование текста внутри ячейки таблицы
<td></td>, в блоке<div></div>, в абзаце<p></p>или в заголовках типа<h1></h1>. Для выравнивания (ааҥл. align) текста в CSS имеется определённое свойство text-align с параметрами: left , center , right и justify , которое реализовано в шаблоне {{Text-align}}. Если в блоке отсутствует изображение, то текст можно отцентрировать с помощью шаблона {{center}}, иначе возникает неопределённая ситуация. - Вторая, более сложная, ситуация возникает, когда рядом с текстом присутствует изображение. При изменении масштаба шрифта или размера экрана, свободное плавающее (ааҥл. float) пространство окна позволяет тексту плыть рядом с изображением, гибко перераспределяться, обтекая его либо слева, либо справа (понятно, что если изображение находится в центре, то текст можно разместить только снизу). Для реализации этой ситуации разработан шаблон {{align}}.
Чтобы сделать это без шаблона, просто используйте следующий код:
<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}}
Бу халыыбы туһанар халыып алдьамматын туһуттан, бэйэҥ тус сиргэр эспэримиэнниир ордук.