Center/doc
От EverybodyWiki Bios & Wiki
Простите шаблони без параметри {{center|...}}
, {{left|...}}
, {{right|...}}
служат за центриране както на картинки, така и на текст, служещи за параметри. Съществуват два основни вида центриране:
- Наиболее общий и, поэтому, самый простой вид центрирования — это центрирования текста внутри ячейки таблицы
<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 | ||
---|---|---|
Left}} | Center}} | Right}} |
Шаблон:Left | Center |
Right
|
С помощта на align | ||
left|Left}} | center|Center}} | right|Right}} |
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!'''}} |
{{text-align|right|'''Hello world!'''}} |
{{text-align|center|'''Hello world!'''}} |
Вижте още[редактиране]
- {{Align}}
- {{Left}}
- {{Center}}
- {{Right}}
- {{Text-align}}
- {{Vertical-align}}