틀:Div col: 두 판 사이의 차이
K-위키
새 문서: <includeonly><div class="div-col columns column-width" style="{{column-width|{{{colwidth|30em}}}}} <!-- -->{{#if: {{{gap|}}} | {{column-gap|{{{gap}}}}} }}<!-- -->{{#switch: {{{r... |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
<includeonly><div class="div-col columns column-width" style="{{column-width|{{{colwidth| | <includeonly><div class="div-col columns <!-- | ||
-->{{#if: {{{colwidth|{{{2|}}}}}} | |||
| column-width | |||
| column-count column-count-{{{cols|{{#if:1|{{{1|2}}}}}}}} }}" style="<!-- | |||
-->{{#if: {{{colwidth|{{{2|}}}}}} | |||
| {{column-width|{{{colwidth|{{#if:1|{{{2}}}}}}}}}} | |||
| {{column-count|{{{cols|{{#if:1|{{{1|2}}}}}}}}}} }} <!-- | |||
-->{{#if: {{{gap|}}} | -->{{#if: {{{gap|}}} | ||
| {{column-gap|{{{gap}}}}} }}<!-- | | {{column-gap|{{{gap}}}}} }}<!-- | ||
| 11번째 줄: | 17번째 줄: | ||
| {{{style}}} }}"><!-- | | {{{style}}} }}"><!-- | ||
-->{{#if: {{{content|}}} | -->{{#if: {{{content|}}} | ||
|{{{content}}} | |{{{content}}}</div>}}<!-- Inventory how many pages use small=yes | ||
</div>}}<!-- Inventory how many pages use small=yes | --></includeonly><noinclude> | ||
--> | {{설명문서}} | ||
{{ | |||
</noinclude> | </noinclude> | ||
2020년 8월 6일 (목) 00:50 판
{{#ifeq: Div col | 연습장
|
{{틀 연습장 안내}
}}{{틀 기타
|
이 틀은 리스트를 컬럼(단)으로 만드는데 사용합니다.
사용 방법
변수
- cols=
- 열 수를 지정합니다. 기본값은 2입니다.
- colwidth=
- 열의 너비를 지정합니다. px, em, % 등 단위를 지정합니다.
- small=yes
- 글꼴 크기 작게 (80 %)입니다. 기본값은 "no" 입니다.
예시
{{Div col}}
* a
* b
* c
* d
{{Div col end}}
- 표시
- a
- b
- c
- d
{{Div col|cols=3}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
- 표시
- a
- b
- c
- d
- e
- f
- g
- h
{{div col|colwidth=10em}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
- 표시
- a
- b
- c
- d
- e
- f
- g
- h
{{Div col|small=yes}}
* a
* b
* c
* d
* e
* f
* g
* h
{{Div col end}}
- 표시
- a
- b
- c
- d
- e
- f
- g
- h
기술적 문제
이 틀은 다음의 CSS 속성을 지원하는 브라우저에서 멀티 컬럼을 생성합니다:
- -moz-column-count (파이어폭스와 같은 모질라/게코 기반의 브라우저들)
- -webkit-column-count (사파리와 같은 WebKit 기반의 브라우저)
- column-count (CSS3 호환 브라우저; CSS3 module: Multi-column layout 참조)
따라서, 이 틀은 인터넷 익스플로러 10미만이나 오페라 11.1미만의 버전에서는 작동하지 않는다.
같이 보기
- {{Col-begin}}
{{설명문서/끝상자2 | 미리싣기 = {틀:미리싣기 | 내용 = {틀:내용 | 연결상자 = {틀:연결상자
| 설명공간 = {{설명문서/설명공간}
| 1 =
| 틀문서 = {{설명문서/틀문서}
}}
