Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 제이쿼리
- 주식 청약 일정
- 7월 공모주 청약 일정
- 자바
- html
- css
- 6월 공모주 청약 일정
- linux
- Stock
- java
- 공모주 청약
- 코드이그나이터
- 주식
- php
- JavaScript
- Oracle
- IPO
- 자바스크립트
- 공모주
- Stock ipo
- 주식 청약
- 리눅스
- MYSQL
- jquery
- 오라클
- Eclipse
- SQL
- 공모주 청약 일정
- 맥
- codeigniter
Archives
- Today
- Total
개발자의 끄적끄적
[html/css] table에 스크롤 적용하기 본문
728x90
반응형
[html/css] table에 스크롤 적용하기
html 에서 반응형 작업을 할때,
테이블을 반응형에 맞추어 줄일 수도 있지만,
내용이 많은 경우
그냥 가로 스크롤을 넣어야 할 때도 있습니다.
그럴때 아래와 같이 하면됩니다.
<div overflow:auto">
<table>
<tr>
<td></td>
</tr>
</table>
</div>
위 내용보시면 대충 아시겠지만,
스크롤을 적용하고자 하는 table 겉에 div 로 감싸준 뒤
그 div에 overflow:auto 라는 스타일을 주게되면
화면이 줄었을시 스크롤이 생기게 됩니다!
참고들 하세요!
반응형
'개발 > html & css' 카테고리의 다른 글
[html/css] 부트스트랩 테마 / 템플릿 사이트 모음 [링크] (0) | 2021.01.04 |
---|---|
[html/css] css overflow 옵션들 (0) | 2021.01.04 |
[html/css] 부트스트랩 기반 무료 템플릿 사이트 [링크] (0) | 2021.01.03 |
[html/css] html 색상표 조회 사이트 [링크] (0) | 2021.01.03 |
[html/css] input radio tag 사용시 주의점 (0) | 2020.12.15 |
Comments