:너비맞춤

:너비맞춤
사용문서
새로고침
넘겨주기
이동하기

 이 틀은 {{너비 맞춤}}으로도 사용할 수 있습니다.

이거 진짜 필요없는 틀이었습니다.
그냥 max-width 입력한 표에 width를 100%로 추가 입력하면 되는 거였더라고요...

완전히 삭제하려 했지만 {{종족}}처럼 여전히 쓰이는 부분이 있어서 남겨는 두겠습니다.

[ 틀 내용 펼치기 · 접기 ]

설명

테이블의 너비가 500px, 800px 등 모바일의 화면비를 넘어갈 때 PC에서는 너비 그대로 보이고 모바일에서는 화면을 넘어가지 않고 100% 너비로 보이게 하는 틀입니다.

사용법

  1. 테이블의 전체 너비를 width가 아니라 max-width로 지정합니다.
  2. 어느 행이든 모든 셀이 병합된 행에 이 틀을 넣습니다. 위치는 맨앞이나 뒤를 권장하며, 중간에 넣을 경우 틀을 기준으로 앞뒤에 있는 내용이 개행됩니다.
  3. 모든 셀이 병합된 행이 없다면 아무 셀에나 넣으면 됩니다. 이 경우 틀을 넣은 셀들 각각에 너비가 지정되어 있어야 합니다.

아래는 예시입니다. PC와 모바일 환경 모두에서 차이를 확인해 주세요.

틀 사용 X, 너비 width
모바일에서 테이블이 화면을 넘어갑니다.
틀 사용 O, 너비 max-width
PC에서는 위와 똑같이 500px이지만, 모바일에서 화면을 넘어가지 않습니다.

둘러보기

+
김찬 제작 틀
[ A~Z & etc. ]
[ ㄱ~ㅅ ]
[ ㅇ~ㅎ ]
※ 더 이상 사용하지 않거나 사용할 필요가 없는 경우 취소선 처리
※ 일부 극히 단순한 틀은 본 틀 목록에 미포함