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

(사용자 3명의 중간 판 12개는 보이지 않습니다)
1번째 줄: 1번째 줄:
{{설명문서 안내}}
=== 정렬란을 비움 ===
=== 정렬란을 비움 ===
<pre>
<pre>
20번째 줄: 22번째 줄:


아래의 내용이 여백으로 흘러 들어가는 것을 방지하기 위해
아래의 내용이 여백으로 흘러 들어가는 것을 방지하기 위해
{{-}}를 삽입하거나 혹은
{{-}}를 삽입해주세요.
 
{{YouTube|klVWGHtRTuE|200px|200px|left}}
{{YouTube|klVWGHtRTuE|200px|200px|left}} => float:left
{{YouTube|klVWGHtRTuE|200px|200px}} => float:none ≒ clear:both
 
마지막을 공란으로 둬도 되지만
그러면 캡션 정렬에 오류가 나거나 태블릿 화면에서 너비가 크게 나오는 문제가 있으므로
되도록 {{-}}를 넣는 식으로 해주세요.
</pre>
</pre>
{{YouTube|klVWGHtRTuE|200px|200px|left|1}}
{{YouTube|klVWGHtRTuE|200px|200px|left|1}}
46번째 줄: 40번째 줄:
{{YouTube|klVWGHtRTuE|200px|200px|right|2}}
{{YouTube|klVWGHtRTuE|200px|200px|right|2}}
{{YouTube|klVWGHtRTuE|200px|200px|right|3}}{{-}}
{{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}}{{-}}
<pre>
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||-}}
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||-}}
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||-}}{{-}}
6번 변수는 {{틀|-}}를 뒤에 넣은 것과 같은 효과가 나타납니다.
</pre>
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|1|-}}
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|2|-}}
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft|3|-}}{{-}}


=== 정렬 center ===
=== 정렬 center ===
92번째 줄: 46번째 줄:
{{YouTube|IGrO10gifB0|200px|200px|center}}
{{YouTube|IGrO10gifB0|200px|200px|center}}
{{YouTube|IGrO10gifB0|200px|200px|center}}
{{YouTube|IGrO10gifB0|200px|200px|center}}
center는 {{-}}가 필요 없습니다.
</pre>
</pre>
{{YouTube|IGrO10gifB0|200px|200px|center|1}}
{{YouTube|IGrO10gifB0|200px|200px|center|1}}
{{YouTube|IGrO10gifB0|200px|200px|center|2}}
{{YouTube|IGrO10gifB0|200px|200px|center|2}}
{{YouTube|IGrO10gifB0|200px|200px|center|3}}
{{YouTube|IGrO10gifB0|200px|200px|center|3}}
<noinclude>[[분류:틀 설명문서]]</noinclude>

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