테이블 셀의 컨테이너가 상위 셀의 전체 높이를 채우는지 확인하세요.

Question

사용 사례에 문제가 있어서 Flexbox를 사용하지 않고 콘텐츠를 수직으로 정렬하려고 했기 때문에 수직 정렬 테이블을 사용하여 시도했지만 문제는 내부 콘텐츠가 남은 높이를 채우지 못한다는 것입니다. CSS를 통해 가능합니까? 어떤 방법으로 이를 수행할 수 있습니까?

https://jsfiddle.net/s38haqm5/25/

으으으으

Answer 1

부모 높이를 정의해야 합니다. 이제 .cell 没有设置任何高度，因此 .container에는 100%를 계산할 수 있는 값이 없습니다. .cell 添加一些高度，例如 .cell {height: 30px;} （就像您在 .cella와 같은 높이로 가세요. )

.cella 和 .cell도 똑같으니 이런 조언이 필요할 것 같아요. 셀을 동일하게 만들고 싶지만 그 중 하나의 스타일을 다르게 지정해야 하는 경우 모든 셀에 동일한 클래스를 추가한 다음 달라야 하는 셀에 ID를 추가한 다음 원하는 대로 ID의 스타일을 지정하세요. 클래스와 ID가 있는 셀은 클래스와 ID가 결합된 CSS 값을 갖습니다