템플릿:Div col디브콜

div col(분할 열의 줄임말)은 목록을 여러 화면 해상도로 대응적으로 줄바꿈하는 열로 포맷한다. 사용할 수 있는 화면 공간을 동일한 부분으로 자동 분할하여, 예를 들어 목록을 두 개의 열로 나누는 중간 지점 또는 목록을 세 개의 열로 나누는 1/3과 1/3 지점과 1/3 지점과 3분의 1 지점과 같은 분할 지점을 의미한다.

사용법

기본사용

{{div col}}<!--- 기본 너비는 30em --> * a * b * c * d * e * f * g * hdiv col end}}} 

생산:

매개변수

이 템플릿에는 다음과 같은 6가지 매개 변수가 있다.

colwidth=

열의 수가 화면 너비를 기준으로 자동으로 설정되도록 열의 최소 너비를 지정하십시오(즉, 더 많은 열이 더 넓은 디스플레이에 표시됨). 값이 제공되지 않으면 템플릿은 기본값 30em을 사용한다. 폭은 예를 들어, 전자파(표시된 서체의 대문자 "M" 폭 정도)와 같은 CSS 측정 단위로 지정할 수 있다. colwidth=20em.

rules=yes

다음과 같이 설정된 경우 열 사이에 수직선("규칙") 추가 yes.

gap=

예를 들어, 유효한 CSS 폭 단위에서 인접 열의 내용 사이의 공간을 지정한다. gap=2em. 기본 간격(브라우저로 설정)은 1em이다.

class=

열에 적용할 HTML 클래스 또는 다중 공간 구분 클래스. 예를 들어, class=plainlist nowrap.

style=

열에 적용할 CSS 스타일링.

small=yes

글꼴 크기를 90%로 설정하십시오.

content=

열에 적용할 내용. 이 파라미터는 이 템플릿의 패스스루인 {{columns-list}}에 유효하다.

예

콜폭

{{div colwidth=10em}}}<-- 기둥 폭 10em --> * a * b * c * d * e * e * g * h * {{div col end}}}} 

생산:

규칙.

{{Div colwidth=10em rules=yes}}}<-- 10em의 열 너비(규칙 포함) --> * a b * c * d * e * g * g * h * {{Div col end}}}} 

생산:

갭

{{Div colwidth=10em rules=yes gap=2em}}}<-- 10em의 열 너비와 규칙 및 2em의 간극 --> * a * b * c * d * e * f * g * g * h *Div col end}}}}}}} 

생산:

작다

{{Div col small=yes}}<--- 작음 = yes --> * a * b * c * d * e * e * g * h * {{Div col end}}}} 

생산:

내용

{{Div colwidth=10em content=<!-- content parameter에는 {{div col end} --> * b * c * d * e * f * g * h }}}}}}이(가) 필요하지 않다. 

생산:

다중 매개변수

{{Div colwidth=10em rules=yes gap=2em small=yes}}* a * b * c * d * e * f * g * h {{Div col end}}}} 

생산:

목록 표시가 없는 텍스트 문자

{{div colwidth=10em}}<!--list markup이 없는 텍스트 문자 --> b c d e f g h {{div col end}}} 

생산하다

로렘입숨

{{div col}}<!--Lorem ipsum --> {{lorem ipsum}}{div col end}}}} 

생산하다

한계

하위 목록

기본 CSS 시스템은 하위 목록을 열로 나눌 수 없다. 아래 고르지 않은 형식에 유의하십시오.

{{Div colwidth=10em rules=yes gap=2em style=column-count:3 content= * a * b * c.d ** c.d ** c.e ** c.f * g * g * h }}}}} 

생산:

끄기 break-inside: avoid-column; 규칙이 도움이 되는 것 같다.

추적 카테고리

• 범주:알 수 없는 매개변수가 있는 div col을 사용하는 페이지(2)(여기서 문서화되지 않은 매개변수 이름을 잘못 사용하는 경우)
• 범주:작은 매개변수(2,120)를 가진 div col을 사용하는 페이지

템플릿 데이터

목록을 열로 나누십시오. 각 열을 동일한 공간으로 자동 분할하므로 두 열에서 수동으로 중간점을 찾을 필요가 없다. 목록은 컨텐츠=로 제공되거나 {{div col end}}(으)로 닫힌다.

템플릿 매개 변수

매개변수		설명	형식	상태
열 폭	colwidth	열 너비를 지정하고 화면 너비에 따라 열 수를 동적으로 결정하며, 더 많은 열이 더 넓은 디스플레이에 표시된다. 예. 30em	끈	선택적
규칙.	rules	yes로 설정된 경우 열 간에 수직 규칙 생성 예. 네	끈	선택적
갭 크기	gap	인접 열의 내용 사이의 간격을 지정하십시오. 예. 2em	끈	선택적
HTML 클래스	class	모든 클래스 또는 다중 공간 구분 클래스를 지정하십시오. 예. 플레인리스트의 속박.	끈	선택적
CSS 스타일	style	사용자 지정 스타일링을 지정하십시오.	끈	선택적
내용	content	열로 나눌 내용을 지정함	내용	선택적
작은 글꼴	small	더 작은 글꼴 크기 사용(90%) 예. 네	끈	선택적

리디렉션

• {{Col div}}
• {{Colbegin}} (그러나 아니다) {{Col begin}} 또는 {{Col-begin}})
• {{Cols}}
• {{Div col start}}
• {{Div col begin}}
• {{Div-col}}
• {{Palmares start}}

참고 항목

열 생성 템플릿 패밀리

여기에 열거된 템플릿은 교환할 수 없다. 예를 들어, {{col-float-end}} 대신 {{col-end}}}과(와) 함께 {{col-float}}을 사용하면 HTML "div"(division)가 열려 이후의 포맷에 잠재적으로 해를 끼칠 수 있다.

열이 위키 표시 작업을 처리할 수 있는가? { - } 테이블을 만드는 데 사용하시겠습니까? 그렇지 않은 경우, 이러한 요소를 생성하는 템플릿(예: {{(!}), {{!}}, {{!!}}}, {{!-}, {{!}}) 또는 HTML 태그(으)(으)<table>...</table>, <tr>...</tr>, 등)을 대신 사용해야 한다.