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

crew2019.07.14 19:25조회 수 32댓글 0

가로 스크롤 만들기

 

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

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

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

 

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

    <table ....>

        ....

    </table>

</div>

 

 

관련된 다른 게시물
  1. [2018/02/07] 모바일 기기에서 작동 조건문으로 제어하는 방법 ()
    • 글자 크기
미디어위키, 각주 툴팁(미리보기) 만들기 Ckeditor 4 툴바 Configuration

댓글 달기 WYSIWYG 사용

글쓴이 비밀번호
번호 제목 날짜
HOT 하이에어, 25일부터 아무도 없는 사천공항 취항 2020.09.11
HOT FSC는 '화물'이라도, LCC는 '할 게 없다' ·· 올해 안에 일부 파산 불가피 2020.09.02
HOT 에어부산, 목적지 없는 체험비행 상품 출시 ·· 항공 서비스학과 실습1 2020.08.26
HOT 보잉 최신 대형 B777X 항공기에 대한 재미난 정보 2020.08.18
HOT 영구결번 '일본항공 123편' 부활했다? 2020.08.08
공지 게시글과 항공위키 연계 관련하여 2018.02.15
공지 해외여행(항공) 준비할 것과 여행 팁 (총정리) 2015.03.12
47 SQL 쿼리 이용 검색, 바꾸기 2020.06.17
46 미디어위키 사이트맵(sitemap) 생성 2020.06.10
45 미디어위키, 소도구(Gadget) 기능 2020.04.24
44 미디어위키, 사용자 css 구성 2020.04.24
43 미디어위키, 공지사항 표시 2020.04.21
42 미디어위키, 위지윅 에디터 2020.04.15
41 미디어위키 업그레이드 관련 composer 설치 및 업데이트 2019.11.01
40 미디어위키, 각주 툴팁(미리보기) 만들기 2019.10.31
테이블, 아이프레임 가로 스크롤 2019.07.14
38 Ckeditor 4 툴바 Configuration 2019.06.08
37 일정 수 이상 신고받은 댓글 블라인드 처리하기 2019.04.27
36 [미디어위키] 리버티 스킨 메뉴 설정 방법 2018.11.26
35 [미디어위키] 업그레이드 방법 2018.11.18
34 연관글 애드온 출력 위치 마음대로 조정하기 2018.08.13
33 [미디어위키] 로고 변경 2018.04.20
32 임의 섬네일 랜덤으로 표출하는 방법 2018.03.06
31 본문에서 img 태그 읽어서 광고 display 유무 조절 2018.03.02
30 특정 게시글에서 광고 제거하기 2018.02.24
29 모바일 기기에서 작동 조건문으로 제어하는 방법 2018.02.07
28 확장자 없는 외부 이미지 호스팅 시 섬네일 생성 테스트 2018.01.23
27 게시판마다 다른 조건 결과 작동하기(광고 노출 등) 2018.01.22
26 [미디어위키] 애드센스 적용 방법 2017.09.01
25 미디어위키 사용자별 권한 설정 방법 2017.04.22
24 ckeditor 편집화면 보기(view) 및 소스(source) 폰트 변경 2017.02.18
23 첨부 파일 아이콘 출력 안하기 2017.02.15
22 referer 모듈, 애드온 때문에 SNS 공유 안되는 현상 2016.06.03
21 MAC에서 홈페이지 게시판 내용이 일부만 보입니다. 2016.05.21
20 [미디어위키] 저작권리 하단부 편집 2015.12.08
19 글 본문 보기(View) 및 편집(Edit) 상태에서의 글꼴, 문단 등 유형 변경하기 2015.04.28
18 iframe (지도) 등을 모바일에서 자동 리사이징 하기 2015.03.02