내가 원하는 것은 페이지에 일부 div를 배치하는 것입니다. 바깥 쪽은 고정 된 크기이며 margin: 0 auto
을 통해 가로 가운데에 위치합니다. div 안에는 크기에 따라 다른 div 안에 몇 개의 이미지가 나란히 있습니다. 나는 의 중심을 바깥 쪽 div 안에 수직 및 수평 방향으로 모두 div로 지정하고 싶습니다.동적 인 크기의 div를 페이지 중앙에있는 다른 div 안에 가운데 맞추기
간단하게 할 수있는 것처럼 보이는 것 같습니다. 그렇습니까?
는 업데이트 :
나를 정확히 문제가 무엇인지에 관해서는 조금 더 명확한 비트 보자. 나는 트릭을 사용하여 vertical-align: middle
을 사용하고 싶지만 문제는 내가 할 때 div가 내용의 크기로 축소되어 센터링을위한 공간이 전혀 제공되지 않고 div가 막혔다는 것입니다. 부모의 왼쪽 위 모서리에 내 display: table-cell
블록이 포함 된 div의 사용 가능한 공간을 채워야 내용이 중앙에 배치 될 수 있습니다.
업데이트 2 : 해결!
display: table
으로 설정된 div에 display: table-cell
블록이 포함되어 있지 않은 것으로 나타났습니다. 나는 완전히 display: table
이 display: block
과 어떻게 다른지 잘 모르겠지만, 분명히 필요한 단계입니다. 지금 일하고있는 것 같습니다!
있습니까? – j08691
내가해야한다면. 나는 가능한 한 순수한 CSS였던 해결책을 원합니다. – devios1
나는 내 게시물을 편집하여 덜 화나게 할 것이라고 생각합니다. – devios1