반응형 html컬럼너비 고정1 HTML 테이블 특정 컬럼 너비 고정 시키기(윈도우 사이즈 조절 시 너비 고정) HTML 작업 중 css에서 th태그의 width를 지정해주어 테이블 특정 컬럼의 너비를 고정시켰는데, 윈도우 창 사이즈 조절시에는 컬럼의 사이즈가 줄어드는 이슈가 있었다. 기존 테이블의 형태는 다음과 같았는데 윈도우 창을 줄이면 이렇게 사이즈가 변경되는 이슈가 생겼다. 이 때 Company컬럼의 너비를 고정하기 위해서 width를 주고 table-layout을 fixed로 지정해주었지만 이슈가 해결되지는 않았다. th 태그에 class를 주어서 css로 처리하면 되지 않을까 하고 시도했는데 그래도 줄어들었다. 열심히 구글링을 한 결과 min-width와 max-width를 주면 창 사이즈가 변해도 유지된다고 알게되었다. .fixedCol { width:250px; min-width:250px; max-.. 2021. 6. 23. 이전 1 다음 반응형
