[CSS] 하위 요소를 세로 중앙에 배치하는 두 가지 방법
- 高洛峰원래의
- 2017-02-21 10:59:032089검색
1. 여러 하위 요소가 가로로 배열되어 있습니다. IE10 이하에서는 유효하지 않습니다
display: flex; align-items: center; justify-content: center;
![[CSS] 子元素垂直居中的两种方式](https://img.php.cn/upload/article/000/000/013/cb865a4ad56826c2550cdf305afe4cbb-0.png "[CSS] 子元素垂直居中的两种方式")
2. 여러 하위 요소가 수직으로 정렬되면 IE8
display: table-cell; vertical-align: middle;
![[CSS] 子元素垂直居中的两种方式](https://img.php.cn/upload/article/000/000/013/f31e7fed803d25572ac5dfedbf57c918-1.png "[CSS] 子元素垂直居中的两种方式")
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.