table width 어떻게.. 왜 다른건지..
관련링크
본문
table을 만들었는데 아래처럼 나옵니다.
max-width도 하였는데 왜 자동으로 저렇게 설정되는건지 궁금합니다..
최하단 이미지처럼 이미지 최대크기 정해놓아 width 통일되게 해놓고 정보들이 옆으로 나열되게 나오고 싶어서요 왜그러는걸까요..?
답변 1
테이블에서 이미지 크기와 셀 크기의 불균형 문제는
CSS 스타일링 부족이나 충돌로 인해 발생할 수 있으며,
이를 해결하기 위해 table-layout: fixed를 사용하여 고정 레이아웃을 설정하고,
이미지에는 max-width와 max-height 속성을 적용해 크기를 제한하며,
셀 내부 텍스트와 이미지의 정렬을 위해
text-align: center와 vertical-align: middle을 활용하면
테이블 셀이 균일하게 정렬되고 정보가 보기 좋게 나열될 것입니다.
<colgroup>
<col style="width: 430px;">
<col style="width: auto;">
</colgroup>
사용하니 제가 원하는 width가 나왔네요
답변주셔서 감사합니다!
첫 번째 이미지(1025970347_1735265555.3915.png): 650 x 430 (너비 x 높이)
두 번째 이미지(1025970347_1735265591.759.png): 631 x 208 (너비 x 높이)
. . .
첫 째는 고정하고, 둘째는 유연하게 하셨군요.
좋은 해결 방법입니다!
답변을 작성하시기 전에 로그인 해주세요.
