표와 그림으로 바둑판 레이아웃 만들 때 정렬이 어긋나는 이유와 해결 방법

표와 그림을 이용해 바둑판처럼 깔끔한 레이아웃을 만들다 보면,
그림이 셀에 꽉 차지 않고 미묘하게 떠 보이는 경우가 자주 발생합니다.

 

이 문제의 핵심은
표와 그림이 서로 다른 기준으로 배치되고 있기 때문입니다.

 

해결 방법은 의외로 단순합니다.
표도 글자로 취급, 그림도 글자로 취급하도록 설정한 뒤
셀의 안쪽 여백을 0으로 조정하면 됩니다.

 

비유하자면,
액자(표)는 벽에 딱 붙여 놨는데 사진(그림)에 두꺼운 여백이 남아 있는 상태입니다.
여백을 제거하면 사진이 액자에 정확히 맞춰지는 것과 같습니다.

 

이렇게 설정하면
표 셀 크기와 그림 크기가 정확히 일치하면서
바둑판 형태의 레이아웃이 흐트러지지 않습니다.

 

바둑판 레이아웃