정렬란을 비움
{{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로 초기화
아래의 내용이 여백으로 흘러 들어가는 것을 방지하기 위해
{{-}}를 삽입하거나 혹은
{{YouTube|klVWGHtRTuE|200px|200px|left}}
{{YouTube|klVWGHtRTuE|200px|200px|left}} => float:left
{{YouTube|klVWGHtRTuE|200px|200px}} => float:none ≒ 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
정렬 thumb(모바일 친화)
{{YouTube|klVWGHtRTuE|200px|200px|thumb}}
{{YouTube|klVWGHtRTuE|200px|200px|thumb}}
{{YouTube|klVWGHtRTuE|200px|200px|thumb}}
{{-}}
개행을 하고 오른쪽 정렬을 하는데 모바일 환경에서는 지정한 너비 값은 무시되고
모바일 화면의 폭으로 너비가 결정됩니다.
{{-}}를 꼭 넣을 필요가 없으나 본 설명 문서에서 넣지 않을 경우 아래 내용이 위로 흘러들어가는 문제가 있었습니다. (도움말:위키 문법 참고)
1
2
3
정렬 thumbleft(모바일 친화)
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft}}
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft}}
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft}}{{-}}
왼쪽 정렬을 하는데 모바일 환경에서는 지정한 너비 값은 무시되고
모바일 화면의 폭으로 너비가 결정됩니다.
1
2
3
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||-}}
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||-}}
{{YouTube|klVWGHtRTuE|200px|200px|thumbleft||-}}{{-}}
6번 변수는 {{-}}를 뒤에 넣은 것과 같은 효과가 나타납니다.
1
2
3
정렬 center
{{YouTube|IGrO10gifB0|200px|200px|center}}
{{YouTube|IGrO10gifB0|200px|200px|center}}
{{YouTube|IGrO10gifB0|200px|200px|center}}
center는 {{-}}가 필요 없습니다.
1
2
3