CSS를 활용하여 이 문제를 해결할 수 있습니다. 콘텐츠 크기에 관계없이 동일한 셀 너비를 보장하려면 다음을 수행해야 합니다.

1. 고정 테이블 레이아웃 메커니즘 트리거: 테이블 레이아웃 설정: 고정; 상위
   에. 이는 브라우저가 내용에 맞게 자동 조정하는 대신 지정된 셀 너비를 적용하도록 지시합니다.
2. 테이블 셀에 너비 할당: 필수는 아니지만 작은 너비(예: 2)를 할당합니다. %)를 표 셀을 나타내는 각
   에 추가하면 고정 표 레이아웃의 트리거 역할을 합니다.

   최종 CSS 코드는 다음과 같습니다.

   div {
     display: table;
     width: 250px;
     table-layout: fixed;
   }
   
   div > div {
     display: table-cell;
     width: 2%;
   }

   이 접근 방식을 사용하면 표 셀의 너비가 동일하게 유지되어 내용에 관계없이 일관된 모양이 보장됩니다.