CSS가 없는 일반 HTML: Colspan이 th/td에서 제대로 작동하지 않고 모든 행에서 일관됩니다.

Question

내 colspan가 작동하지 않는 이유를 모르겠습니다. CSS 솔루션이 있는데 왜 이것이 작동하지 않는지 혼란스럽습니다. 첫 번째 열의 너비는 다른 열의 1/3이어야 하며, 첫 번째 열과 td는 colspan="1"이고 다른 모든 열은 colspan="3"입니다.

이 앱은 순위표용이므로 첫 번째 열에는 순위 번호(1, 2, 3...)가 포함되며 후속 열보다 훨씬 좁아야 합니다.

물론 class="colspan-3" 和 class="colspan-1" 以及 css colspan-1{width:4.5%} colspan-3{width:13.5%} 来解决이나 다른 수학적 결과를 사용할 수 있습니다...하지만 무슨 일이 일어나고 있는지 알고 싶습니다.

이 질문이 미래에 누군가에게 도움이 될 것이라고 생각해서 세부 사항을 추가합니다:

당시에는 각 열의 너비를 다른 열에 상대적으로 설정함으로써 상대 단위로 colspan을 사용할 수 있다고 생각했습니다. 내가 겪고 있는 문제는 각 열의 단위가 정확히 동일하다는 것입니다. 이는 열의 개별 셀에서만 작동하며 본질적으로 Microsoft Excel의 "병합" 기능과 유사합니다.

으아아아

Answer 1

@Ouroborus에게 감사드립니다. 제가 미쳤다고 생각했습니다. 하지만 거의 10년 동안 매일 HTML을 사용한 후에도 아직 배워야 할 것이 분명히 남아 있습니다.

colspan은 여기에 정의된 대로 열의 모든 셀이 동일한 범위의 열 수로 설정된 경우 작동하지 않습니다. https://developer.mozilla.org/en-US/docs/Web/HTML /Element/td

제 오해를 찾아주신 Ouroborus에게 다시 한 번 감사드립니다!