"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > HTML 테이블에 수평 스크롤을 추가하는 방법?

HTML 테이블에 수평 스크롤을 추가하는 방법?

2025-02-27에 게시되었습니다
검색:318

How to Add Horizontal Scrolling to HTML Tables?

  1. 블록으로 : 요소의 디스플레이 속성을 블록으로 설정합니다. 이를 통해 테이블은 컨테이너의 전체 너비를 차지할 수 있습니다.
수평 스크롤 활성화 :
table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}

테이블 { 디스플레이 : 블록; 오버 플로우 -X : 자동; 흰색 공간 : Nowrap; }

    추가 고려 사항
table tbody {
    display: table;
    width: 100%;
}

How to Add Horizontal Scrolling to HTML Tables?

테이블 tbody { 디스플레이 : 테이블; 너비 : 100%; }

보다 고급 스크롤링 동작은이 리소스를 참조하십시오.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3