(새 문서: <onlyinclude><div style="max-height: 0px;">link=</div></onlyinclude> 분류:문법 편의 틀분류:김찬/제작한 틀 == 설명 == 테...) |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
{{namucat|김찬/제작한 틀|문법 편의 틀}} | |||
<onlyinclude><div style="max-height: 0px;">[[파일:빈 가로 이미지.png|link=]]</div></onlyinclude> | <onlyinclude><div style="max-height: 0px;">[[파일:빈 가로 이미지.png|link=]]</div></onlyinclude> | ||
== 설명 == | == 설명 == | ||
테이블의 너비가 500px, 800px 등 모바일의 화면비를 넘어갈 때 PC에서는 너비 그대로 보이고 모바일에서는 화면을 넘어가지 않고 100% 너비로 보이게 하는 틀입니다. | 테이블의 너비가 500px, 800px 등 모바일의 화면비를 넘어갈 때 PC에서는 너비 그대로 보이고 모바일에서는 화면을 넘어가지 않고 100% 너비로 보이게 하는 틀입니다. | ||
| 8번째 줄: | 8번째 줄: | ||
# 어느 행이든 모든 셀이 병합된 행에 이 틀을 넣습니다. 위치는 맨앞이나 뒤를 권장하며, 중간에 넣을 경우 틀을 기준으로 앞뒤에 있는 내용이 개행됩니다. | # 어느 행이든 모든 셀이 병합된 행에 이 틀을 넣습니다. 위치는 맨앞이나 뒤를 권장하며, 중간에 넣을 경우 틀을 기준으로 앞뒤에 있는 내용이 개행됩니다. | ||
# 모든 셀이 병합된 행이 없다면 아무 셀에나 넣으면 됩니다. 이 경우 틀을 넣은 셀들 각각에 너비가 지정되어 있어야 합니다. | # 모든 셀이 병합된 행이 없다면 아무 셀에나 넣으면 됩니다. 이 경우 틀을 넣은 셀들 각각에 너비가 지정되어 있어야 합니다. | ||
{{widen}} | |||
아래는 예시입니다. PC와 모바일 환경 모두에서 차이를 확인해 주세요. | 아래는 예시입니다. PC와 모바일 환경 모두에서 차이를 확인해 주세요. | ||
2023년 3월 11일 (토) 04:01 판
설명
테이블의 너비가 500px, 800px 등 모바일의 화면비를 넘어갈 때 PC에서는 너비 그대로 보이고 모바일에서는 화면을 넘어가지 않고 100% 너비로 보이게 하는 틀입니다.
사용법
- 테이블의 전체 너비를 width가 아니라 max-width로 지정합니다.
- 어느 행이든 모든 셀이 병합된 행에 이 틀을 넣습니다. 위치는 맨앞이나 뒤를 권장하며, 중간에 넣을 경우 틀을 기준으로 앞뒤에 있는 내용이 개행됩니다.
- 모든 셀이 병합된 행이 없다면 아무 셀에나 넣으면 됩니다. 이 경우 틀을 넣은 셀들 각각에 너비가 지정되어 있어야 합니다.
아래는 예시입니다. PC와 모바일 환경 모두에서 차이를 확인해 주세요.
| 모바일에서 테이블이 화면을 넘어갑니다. |
|
