Шаблон:Div flex row end
 |
Дакументацыя да шаблона Div flex row end. |
Выкарыстанне
[правіць зыходнік]Шаблон {{Div flex row}} прапануе просты спосаб стварыць гарызантальнае выраўноўванне для звязаных элементаў старонкі (пры гэтым, калі экран занадта вузкі, змест будзе размяшчацца ў некалькі радкоў). Пасля апошняга элемента, які выраўноўваецца, неабходна выкарыстоўваць закрывальны шаблон {{Div flex row end}}.
Звычайны тэкставы змест неабходна заключаць у тэгі <div>, каб ствараліся радкі і слупкі. Калі гэта патрэбна, параметр |div o=y, які ўстаўляе адкрывальны тэг <div>, можа выкарыстоўвацца разам з шаблонам {{Div CO}}, што ўстаўляе закрывальны і адкрывальны тэг <div>:
Крыніца
{{Div flex row |div o=y}}
Нейкі змест.
{{Div CO}}
Яшчэ змест.
{{Div CO}}
Трэцяя рэч.
{{Div flex row end|div c=y}}
Вынік
Нейкі змест.
Яшчэ змест.
Трэцяя рэч.
Прыклады
[правіць зыходнік]Тры слупкі побач адзін з адным
{{Div flex row}}
<!--СТАНДАРТНАЯ РАЗМЕТКА ТАБЛІЦ-->
{| class="wikitable"
|+ Першая табліца
|-
! Тэкст загалоўка !! Тэкст загалоўка !! Тэкст загалоўка
|-
| Прыклад || Прыклад || Прыклад
|-
| Прыклад || Прыклад || Прыклад
|-
| Прыклад || Прыклад || Прыклад
|}
{| class="wikitable"
|+ Другая табліца
...
|-
| Прыклад || Прыклад || Прыклад
|}
{{Div flex row end}}
| Тэкст загалоўка | Тэкст загалоўка | Тэкст загалоўка |
|---|---|---|
| Прыклад | Прыклад | Прыклад |
| Прыклад | Прыклад | Прыклад |
| Прыклад | Прыклад | Прыклад |
| Тэкст загалоўка | Тэкст загалоўка | Тэкст загалоўка |
|---|---|---|
| Прыклад | Прыклад | Прыклад |
| Прыклад | Прыклад | Прыклад |
| Прыклад | Прыклад | Прыклад |
| Тэкст загалоўка | Тэкст загалоўка | Тэкст загалоўка |
|---|---|---|
| Прыклад | Прыклад | Прыклад |
| Прыклад | Прыклад | Прыклад |
| Прыклад | Прыклад | Прыклад |
Табліца побач са звязанай мапай.
{{Div flex row|align-items=center}}
<!--СТАНДАРТНАЯ РАЗМЕТКА ТАБЛІЦ-->
{| class="wikitable"
|+ Храналогія запуску
! scope="col" | Дата запуску
! scope="col" | Краіна / Тэрыторыя
|-
| rowspan="20" scope="row" | 13 лютага
| {{Сцягафікацыя|Australia}}
|-
| {{Сцягафікацыя|Austria}}
|-
| {{Сцягафікацыя|Belgium}}
...
| {{Сцягафікацыя|South Korea}}
|-
| {{Сцягафікацыя|Tunisia}}
|}
<!--МАПА І ЯЕ РАМКА-->
{{image frame|align=none|content=
{{Highlighted world map by country
|AU=#ff1d65 |AT=#ff1d65 |BE=#ff1d65
...
|KR=#ff9800 |TN=#ff9800
|scale=75 |projection=mercator}}
|caption={{Legend|#ff1d65|13 лютага}} {{Legend|#ff9800|20 красавіка}}
}}
{{Div flex row end}}
| Дата запуску | Краіна / Тэрыторыя |
|---|---|
| 13 лютага |  Аўстралія
|
 Аўстрыя
| |
 Бельгія
| |
 Данія
| |
 Фінляндыя
| |
 Францыя
| |
 Германія
| |
 Ісландыя
| |
 Ірландыя
| |
 Італія
| |
 Люксембург
| |
 Нідэрланды
| |
 Новая Зеландыя
| |
 Нарвегія
| |
 Партугалія
| |
 Сінгапур
| |
 Іспанія
| |
 Швецыя
| |
 Швейцарыя
| |
 Вялікабрытанія
| |
| 20 красавіка | |
 Ганконг
| |
 Індыя
| |
 Японія
| |
 Марока
| |
 Рэспубліка Карэя
| |
 Туніс
|
Шаблон для гарызантальнага групавання звязанага кантэнту.
| Параметр | Апісанне | Тып | Статус | |
|---|---|---|---|---|
| Згортванне | wrap | Прамое кіраванне CSS-уласцівасцю "flex-wrap".
| Тэкст | неабавязковы |
| Выраўноўванне элементаў | align-items | Прамое кіраванне CSS-уласцівасцю "align-items".
| Тэкст | неабавязковы |
| Выраўноўванне зместу | justify-content | Прамое кіраванне CSS-уласцівасцю "justify-content".
| Тэкст | неабавязковы |
| Адкрыццё div | div o | Адкрывальны тэг <div> для першага блока змесціва. Некаторым тыпам зместу (напрыклад, звычайнаму тэксту) ён неабходны для стварэння блокаў, што ўтвараюць слупкі і радкі.
| Булеўскае значэнне | неабавязковы |
| Прамежак | gap | Параметр gap (прамежак) для flexbox, які вызначае мінімальны водступ паміж элементамі; прымае значэнне даўжыні CSS. Рэкамендуецца выкарыстоўваць адзінкі "em".
| Тэкст | неабавязковы |