백도어

메뉴

반응형 테이블을 만들는 방법을 배우세요.

화면이 너무 작아 모든 내용을 표시할 수 없다면, 반응형 테이블은 수평 스크롤바를 표시합니다.

브라우저 창 크기를 조절하여 효과를 확인하세요:

First Name	Last Name	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수	점수
Jill	Smith	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50	50
Eve	Jackson	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94	94
Adam	Johnson	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67	67

반응형 테이블을 만들기 위해 <table> 바깥에 포함하는 overflow-x:auto 의 컨테이너 요소:

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

주의:OS X Lion（맥에서）에서 스크롤바는 기본적으로 숨겨져 있으며 사용할 때만 표시됩니다. ("overflow:scroll" 또는 auto를 설정했더라도)