도움말: 컬럼
Help:Columns |
콜베긴과 콜렌드
기사에 열을 만들려면 {{colbegin} 및 {{colend}}을(를) 사용할 수 있습니다.Internet Explorer 버전9 이하 또는 Opera 버전11 이하에서는 지원되지 않습니다.자세한 내용은 {{Div col}을 참조해 주세요.이 예에서는 {{lorem}}을(를) 사용하여 자리 표시자 텍스트를 생성합니다.
{{colbegin} {{lorem}} {lorem} {colend} 생산:
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporary ut dolore magna aliqua.Ut enim ad minim veniam, quis nostroud 운동 Ullamco laboris ut aliquip ea commodo 결과.Duis aute Irure dolor in reputerit in voluptate velit ese cillum dolore eu fugiat nulla pariatular.예외적으로 신트 오카에캣 큐피다트 비프로젝트, culpa qui officia deserunt mollit id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporary ut dolore magna aliqua.Ut enim ad minim veniam, quis nostroud 운동 Ullamco laboris ut aliquip ea commodo 결과.Duis aute Irure dolor in reputerit in voluptate velit ese cillum dolore eu fugiat nulla pariatular.예외적으로 신트 오카에캣 큐피다트 비프로젝트, culpa qui officia deserunt mollit id est laborum.
{{col-begin}, {{col-break}, {{col-end}}도 사용할 수 있습니다.단, {{col-break}}은(는) 목록이 분할되어 접근성에 문제가 되므로 이 다양성을 사용하여 컬럼에 번호를 매기거나 글머리 기호 목록을 설정하지 마십시오.
따라서:
{{col-break} {{col-break} {lorem} {col-break} {lorem} {lorem} {col-break} {col-end} 작성하다
| Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporary ut dolore magna aliqua.Ut enim ad minim veniam, quis nostroud 운동 Ullamco laboris ut aliquip ea commodo 결과.Duis aute Irure dolor in reputerit in voluptate velit ese cillum dolore eu fugiat nulla pariatular.예외적으로 신트 오카에캣 큐피다트 비프로젝트, culpa qui officia deserunt mollit id est laborum. | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporary ut dolore magna aliqua.Ut enim ad minim veniam, quis nostroud 운동 Ullamco laboris ut aliquip ea commodo 결과.Duis aute Irure dolor in reputerit in voluptate velit ese cillum dolore eu fugiat nulla pariatular.예외적으로 신트 오카에캣 큐피다트 비프로젝트, culpa qui officia deserunt mollit id est laborum. | Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod temporary ut dolore magna aliqua.Ut enim ad minim veniam, quis nostroud 운동 Ullamco laboris ut aliquip ea commodo 결과.Duis aute Irure dolor in reputerit in voluptate velit ese cillum dolore eu fugiat nulla pariatular.예외적으로 신트 오카에캣 큐피다트 비프로젝트, culpa qui officia deserunt mollit id est laborum.
|
CSS
MediaWiki:Common.css는 다음 스타일을 정의합니다.
- "div.column"을 포함해야 하는 "div.column-2", "div.column-3", "div.column-4" 및 "div.column-5"
템플릿
- {{colbegin} 및 {{divbegin}} – CSS3 기능 사용
- {{Columns-start}} – CSS 클래스를 정의합니다(위 참조).
- {{col-begin}} – HTML 테이블 사용(멀티콜 속성 추가)
- {{col-gl-small}}
- {{div col}} – CSS3 사용
- {{columns-list}} – CSS3 사용
CSS3 멀티콜럼 지원
| 소유물 | 인터넷 익스플로러 | 파이어폭스 | 사파리 | 크롬 | 오페라 |
|---|---|---|---|---|---|
| 열폭 열수 | ≥ 10 (2012) | ≥ 1.5 (2005) | ≥ 3 (2007) | ≥ 1 (2008) | ≥ 11.1 (2011) |
| 열 | ≥ 10 (2012) | ≥ 9 (2011) | ≥ 3 (2007) | ≥ 1 (2008) | ≥ 11.1 (2011) |
| 브레이크 비포 브레이크 애프터 브레이크 브레이크 | ≥ 10 (2012) | ≥ 65 (2019) | ≥ 10 (2016) | ≥ 65 (2016) | ≥ 15 (2013) |
템플릿 {{div col} 및 {{divbegin}}은 CSS3에 구현되어 있는 기능을 사용합니다.
- Firefox 1.5와 같은 Gecko 기반 브라우저
- Opera 11.1과 같은 Presto 기반 브라우저
- Safari(웹 브라우저) 3 및 Google Chrome 1과 같은 WebKit 기반 브라우저
- Internet Explorer 10 등의 MSHTML 기반 브라우저
