틀:Div flex row end
사용법
[편집]{{Div flex row}}는 관련된 페이지 요소를 가로로 정렬하는 간단한 방법을 제공한다(화면이 너무 좁으면 여러 줄로 생성한다). 최종 정렬 항목 다음에 닫는 {{Div flex row end}}가 필요하다.
자유 텍스트 내용은 행과 열을 생성하기 위해 div 태그로 묶어야 한다. 이것이 필요한 경우, 여는 div 태그를 삽입하는 |div o=y 매개변수를 닫는 div 태그와 여는 div 태그를 삽입하는 {{Div CO}} 틀과 함께 사용할 수 있다.
원본
{{Div flex row |div o=y}}
일부 내용.
{{Div CO}}
더 많은 내용.
{{Div CO}}
세 번째 항목.
{{Div flex row end|div c=y}}
결과
예시
[편집]세 개의 테이블이 서로 옆에 있다.
{{Div flex row}}
<!--STANDARD TABLE MARKUP-->
{| class="wikitable"
|+ 첫 번째 테이블
|-
! 헤더 텍스트 !! 헤더 텍스트 !! 헤더 텍스트
|-
| 예시 || 예시 || 예시
|-
| 예시 || 예시 || 예시
|-
| 예시 || 예시 || 예시
|}
{| class="wikitable"
|+ 두 번째 테이블
...
|-
| 예시 || 예시 || 예시
|}
{{Div flex row end}}
| 헤더 텍스트 | 헤더 텍스트 | 헤더 텍스트 |
|---|---|---|
| 예시 | 예시 | 예시 |
| 예시 | 예시 | 예시 |
| 예시 | 예시 | 예시 |
| 헤더 텍스트 | 헤더 텍스트 | 헤더 텍스트 |
|---|---|---|
| 예시 | 예시 | 예시 |
| 예시 | 예시 | 예시 |
| 예시 | 예시 | 예시 |
| 헤더 텍스트 | 헤더 텍스트 | 헤더 텍스트 |
|---|---|---|
| 예시 | 예시 | 예시 |
| 예시 | 예시 | 예시 |
| 예시 | 예시 | 예시 |
관련 지도 옆에 있는 테이블.
{{Div flex row|align-items=center}}
<!--STANDARD TABLE MARKUP-->
{| class="wikitable"
|+ 출시 일정 타임라인
! scope="col" | 출시일
! scope="col" | 국가 / 지역
|-
| rowspan="20" scope="row" | 2월 13일
| {{Flagu|Australia}}
|-
| {{Flagu|Austria}}
|-
| {{Flagu|Belgium}}
...
| {{Flagu|South Korea}}
|-
| {{Flagu|Tunisia}}
|}
<!--THE MAP AND ITS FRAME-->
{{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={{범례|#ff1d65|2월 13일}} {{범례|#ff9800|4월 20일}}
}}
{{Div flex row end}}
2월 13일
4월 20일
관련 콘텐츠의 가로 그룹을 만드는 데 도움이 되는 틀.
| 변수 | 설명 | 형식 | 상태 | |
|---|---|---|---|---|
| Wrap | wrap | CSS "flex-wrap" 속성을 전달하는 매개변수.
| 문자열 | 선택 사항 |
| Align items | align-items | CSS "align-items" 속성을 전달하는 매개변수.
| 문자열 | 선택 사항 |
| Justify content | justify-content | CSS "justify-content" 속성을 전달하는 매개변수.
| 문자열 | 선택 사항 |
| Opening div | div o | 첫 번째 콘텐츠 블록에 대한 여는 div 태그. 일부 콘텐츠(예: 자유 텍스트)는 열과 행에 사용되는 블록을 만들기 위해 이것이 필요하다.
| 불리언 | 선택 사항 |
| Gap | gap | 항목 사이의 최소 간격을 지정하는 flexbox gap 매개변수; CSS 길이 값. "em" 단위를 권장한다.
| 문자열 | 선택 사항 |
같이 보기
[편집]- {{Gallery layout}} – 비슷한 틀