회원가입

로그인

아이디
비밀번호
ID/PW 찾기
아직 회원이 아니신가요? 회원가입 하기

테이블, 아이프레임 가로 스크롤

Profile
crew

가로 스크롤 만들기

 

PC 화면에서는 폭이 넓어 테이블이나 아이프레임을 충분히 표출시킬 수 있지만 모바일에서는 좁은 가로 화면에 제약이 많다.

이 경우 overflow-x: auto 구문을 사용하면 화면 크기 반응성 그대로 유지하면서 좌우 스크롤을 통해 콘텐츠를 충분히 보여줄 수 있다.

p 태그에는 작동하지 않으며 div 에 사용하는 것이 좋다.

 

<div style="overflow-x: auto;">

    <table ....>

        ....

    </table>

</div>

 

 

댓글
0
Profile

로그인

아이디
비밀번호
ID/PW 찾기
아직 회원이 아니신가요? 회원가입 하기