HTML CSS 표 폭 적응 형

Question

적응 형 테이블 만드는 법? 즉 충분한 공간이 있다면 100 %로 만듭니다. 테이블이 너무 넓어서 잘린 경우 테이블 열이 잘리지 않도록 자동으로 설정하십시오.

<div> 

    <table class="adaptive-table"> 

    </table> 

</div> 

CSS를 사용하는 방법이 있습니까? 감사합니다.

Answer 1

순수한 CSS를 사용하려면이 방법이 도움이 될 수 있습니다. 테이블을 설정합니다. 테이블이 너무 넓 될 경우

table-layout: fixed; 
width: 100%; 

이제, 당신은 옵션으로 TD를 스크롤 할 수 있습니다 overflow: auto;