"틀:동적 테이블 요소"의 두 판 사이의 차이

2023년 7월 6일 (목) 23:19 판

실험 중

틀:동적 테이블 셀에 사용합니다. 형태가 복잡한 경우 틀:아레시 연방 도시국의 도시/요소처럼 파생 틀을 만들어서 사용하는 것을 권장합니다.

{{동적 테이블 요소
|내용 = 
|높이 = 
|최대열개수 = 
|최소너비 = 
|style = 
}}

매개변수

변수명	설명	예	상태
내용	요소의 내용입니다.	`[[문서명]]`
높이	요소의 높이입니다.	`40px` `1.5em`	선택적
최대열개수	최대 열 갯수입니다. 틀의 폭이 아무리 커져도 한 줄에 이 수까지만 배치됩니다.	`2` `3` `5`	선택적
최소너비	최소 너비입니다.	`40px`	선택적
style	추가 스타일입니다.	`background-color: black; border: 2px solid blue;`	선택적

@@ 2번째 줄: / 2번째 줄: @@
 실험 중
+[[틀:동적 테이블 셀]]에 사용합니다. 형태가 복잡한 경우 [[틀:아레시 연방 도시국의 도시/요소]]처럼 파생 틀을 만들어서 사용하는 것을 권장합니다.
 <pre>
 {{동적 테이블 요소
-|배경색 = [선택적] [기본값: 지정하지 않음]
+|내용 =
-|border 속성 = [선택적] [기본값: 0.5px solid #e3e8ed]
-|flex = [선택적] [기본값: 1]
-|최소너비 = [선택적] [기본값: 지정하지 않음]
 |높이 =
-|내용 =
+|최대열개수 =
+|최소너비 =
+|style =
 }}
 </pre>
+== 매개변수 ==
+{| class="wikitable" style="width: 100%;"
+|-
+! 변수명 !! 설명 !! 예 !! 상태
+|-
+| 내용
+| 요소의 내용입니다.
+| <code><nowiki>[[문서명]]</nowiki></code>
+|
+|-
+| 높이
+| 요소의 높이입니다.
+| <code>40px</code> <code>1.5em</code>
+| 선택적
+|-
+| 최대열개수
+| 최대 열 갯수입니다. 틀의 폭이 아무리 커져도 한 줄에 이 수까지만 배치됩니다.
+| <code>2</code> <code>3</code> <code>5</code>
+| 선택적
+|-
+| 최소너비
+| 최소 너비입니다.
+| <code>40px</code>
+| 선택적
+|-
+| style
+| 추가 스타일입니다.
+| <code>background-color: black; border: 2px solid blue;</code>
+| 선택적
+|}
 <onlyinclude><div style="
-	{{ #if: {{{배경색|}}} | background-color: {{{배경색|}}}; }}
-	border: {{ #if: {{{border 속성|}}} | {{{border 속성|}}} | 0.5px solid #e3e8ed}} ;
 	display: flex;
-	flex: {{ #if: {{{flex|}}} | {{{flex|}}} | 1 }} ;
+	flex: 1 1 {{ #if: {{{최대열개수|}}} | calc(100% / ({{{최대열개수|}}} + 1) ) }} ;
 	{{ #if: {{{최소너비|}}} | min-width: {{{최소너비|}}}; }}
-	height: {{{높이|}}};
+	{{ #if: {{{높이|}}} | height: {{{높이|}}}; }}
 	align-items: center;
 	justify-content: center;
+	border: 1px solid #e3e8ed;
+	margin: -1px;
+	{{{style|}}}
 ">{{{내용|}}}</div></onlyinclude>