틀:YouTube/설명문서/다수동영상: 두 판 사이의 차이

2023년 3월 5일 (일) 20:23 판

정렬란을 비움

{{YouTube|klVWGHtRTuE|200px|200px}}
{{YouTube|klVWGHtRTuE|200px|200px}}
{{YouTube|klVWGHtRTuE|200px|200px}}

float:none;

1

2

3

정렬 left

left를 연달아 사용할 경우 영상이 왼쪽에서 가로로 쌓입니다.

{{YouTube|klVWGHtRTuE|200px|200px|left}}
{{YouTube|klVWGHtRTuE|200px|200px|left}}
{{YouTube|klVWGHtRTuE|200px|200px|left}} => float:left
{{-}} => clear:both로 초기화

아래의 내용이 여백으로 흘러 들어가는 것을 방지하기 위해
{{-}}를 삽입해주세요.

1

2

3

정렬 right

right를 연달아 사용할 경우 영상이 오른쪽에서 가로로 쌓입니다.

{{YouTube|klVWGHtRTuE|200px|200px|right}}
{{YouTube|klVWGHtRTuE|200px|200px|right}}
{{YouTube|klVWGHtRTuE|200px|200px|right}} => float:right
{{-}} => clear:both로 초기화
right의 경우 {{-}}를 꼭 넣어주세요

1

2

3

정렬 center

{{YouTube|IGrO10gifB0|200px|200px|center}}
{{YouTube|IGrO10gifB0|200px|200px|center}}
{{YouTube|IGrO10gifB0|200px|200px|center}}

1

2

3

@@ 22번째 줄: / 22번째 줄: @@
 아래의 내용이 여백으로 흘러 들어가는 것을 방지하기 위해
-{{-}}를 삽입하거나 혹은
+{{-}}를 삽입해주세요.
-{{YouTube|klVWGHtRTuE|200px|200px|left}}
-{{YouTube|klVWGHtRTuE|200px|200px|left}} => float:left
-{{YouTube|klVWGHtRTuE|200px|200px}} => float:none ≒ clear:both
-마지막을 공란으로 둬도 되지만
-그러면 캡션 정렬에 오류가 나거나 태블릿 화면에서 너비가 크게 나오는 문제가 있으므로
-되도록 {{-}}를 넣는 식으로 해주세요.
 </pre>
 {{YouTube|klVWGHtRTuE|200px|200px|left|1}}
@@ 48번째 줄: / 40번째 줄: @@
 {{YouTube|klVWGHtRTuE|200px|200px|right|2}}
 {{YouTube|klVWGHtRTuE|200px|200px|right|3}}{{-}}
-=== 정렬 thumb(모바일 친화) ===
-<pre>
-{{YouTube|klVWGHtRTuE|200px|200px|thumb}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumb}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumb}}
-{{-}}
-개행을 하고 오른쪽 정렬을 하는데 모바일 환경에서는 지정한 너비 값은 무시되고
-모바일 화면의 폭으로 너비가 결정됩니다.
-</pre>
-<nowiki>{{-}}</nowiki>를 꼭 넣을 필요가 없으나 본 설명 문서에서 넣지 않을 경우 아래 내용이 위로 흘러들어가는 문제가 있었습니다. ([[도움말:위키_문법#기본_안내|도움말:위키 문법]] 참고)
-{{YouTube|klVWGHtRTuE|200px|200px|thumb|1}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumb|2}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumb|3}}{{-}}
-=== 정렬 thumbleft(모바일 친화) ===
-<pre>
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft}}{{-}}
-왼쪽 정렬을 하는데 모바일 환경에서는 지정한 너비 값은 무시되고
-모바일 화면의 폭으로 너비가 결정됩니다.
-</pre>
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|1}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|2}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|3}}{{-}}
-<code>
-<nowiki>{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||__}}</nowiki><br />
-<nowiki>{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||___}}</nowiki><br />
-<nowiki>{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||__}}{{-}}</nowiki><br />
-</code>
-번 변수는 thumbleft에 있던 clear:both를 취소합니다. __는 좌우 일직선상에 나오는 것을 문자로 표현한 것입니다. 아무 문자나 입력해도 됩니다. <code><nowiki>thumbleft||__</nowiki></code>과 <code><nowiki>left</nowiki></code>는 데스크톱 상에서는 완전히 일치하고 태블릿, 모바일에서 다르게 나옵니다.
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|1|__}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|2|__}}
-{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|3|__}}{{-}}
 === 정렬 center ===
@@ 94번째 줄: / 46번째 줄: @@
 {{YouTube|IGrO10gifB0|200px|200px|center}}
 {{YouTube|IGrO10gifB0|200px|200px|center}}
-center는 {{-}}가 필요 없습니다.
 </pre>
 {{YouTube|IGrO10gifB0|200px|200px|center|1}}
 {{YouTube|IGrO10gifB0|200px|200px|center|2}}
 {{YouTube|IGrO10gifB0|200px|200px|center|3}}