대답하는 테이블을 작성하는 방법에 대해 알아 봅니다.
응답 테이블
화면 전체 내용을 표시하기에 너무 작은 경우 반응 표는 가로 스크롤 막대를 표시합니다. 효과를 볼 수있는 브라우저 창 크기를 조정합니다 :
| 이름 | 성 | 전철기 | 전철기 | 전철기 | 전철기 | 전철기 | 전철기 | 전철기 | 전철기 | 전철기 | 전철기 | 전철기 | 전철기 |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| 처녀 | 스미스 | (50) | (50) | (50) | (50) | (50) | (50) | (50) | (50) | (50) | (50) | (50) | (50) |
| 이브 | 잭슨 | (94) | (94) | (94) | (94) | (94) | (94) | (94) | (94) | (94) | (94) | (94) | (94) |
| 아담 | 존슨 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 | 67 |
대답하는 테이블을 만들려면 함께 컨테이너 요소를 추가 overflow-x:auto 주위에 <table> :
우리로 이동 CSS 테이블 튜토리얼 테이블에 대한 자세한 내용은.