본문 바로가기

테이블너비변경2

Table colspan width 너비 변경 안됨 해결 방법 colspan에 속한 너비를 변경하고 싶을 때 변경되지 않는 경우가 있는데요. 이 경우는 table에 칸 너비를 고정시키기 위해 table-layout : fixed가 적용되어 있기 때문입니다. 이번 시간에는 table-layout : fixed가 적용되어 있는 경우 table 칸 너비를 colgroup으로 변경하는 방법을 알아보도록 하겠습니다. 1. Table colspan width 너비 변경이 안됨 table 칸 너비를 고정하기 위해서 table-layout : fixed를 사용하는데요. th, td 너비가 동일한 비율로 고정되면서 너비 변경이 안됩니다. 2. colgroup으로 table 너비 변경하기 [HTML] Header 1 Header 2 Header 3 colspan 사용 Cell01 C.. 2023. 4. 26.
table-layout:fixed 테이블 셀 너비 변경하는 방법 테이블이 틀어진 경우 table-layout : fixed를 사용하여 테이블 너비를 고정해 틀어진 테이블을 바로 잡는다. 하지만 table-layout : fixed를 사용하면 셀 너비가 모두 동일하게 맞춰져 임의로 너비 조절이 안 되는 경우가 있는데 이때는 colgroup을 사용하여 셀 너비를 변경할 수 있다. table-layout : fixed에 대한 추가 설명을 아래 참조하면 된다. table-layout:fixed으로 테이블 너비 고정하기 1. table-layout 셀 안의 내용에 따라 셀 너비를 고정할지, 변하게 할지 정하는 속성이다. 2. table-layout 속성 [table-layout : auto] 셀 안의 내용에 따라 셀 너비가 변동된다.(기본값) [table-layout : fi.. 2022. 11. 25.