목록 항목 내에서 div 요소의 수직 정렬

Question

this과 같은 레이아웃이 있습니다.
목록 항목이나 이미지의 고정 높이가없고 이미지가 서로 겹치지 않는지 확인하려면 각 div.product_image을 <li> 세로 가운데로 정렬 할 수 있습니까?

Answer 1

테이블이 작동하지만 마음에 들지 않습니다. 그런 다음 JS가 도움이 될 수 있습니다. "정상적인"방법은 min-height & min-width을 <li>에 입력 한 다음 2div를 사용해야합니다. 첫 번째 position: absolute; 1px * 1px top:50%;left:50%;, 두 번째로 상대 div(< - 정적 일 수 있음)을 입력 한 다음 원하는 내용을 입력하십시오.