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