>웹 프론트엔드 >CSS 튜토리얼 >수직 수평 중앙

수직 수평 중앙

高洛峰
高洛峰원래의
2016-10-09 13:46:211597검색

세로와 가로 가운데로


수직 수평 중앙

바디코드입니다

  1. 세로로 가운데로 가로

    수직 수평 중앙

분석: 상위 요소 상대 하위 요소 절대, 하위 요소는 너비와 높이를 설정하고 위쪽과 왼쪽은 50%로 설정됩니다. , margin-top 및 Margin-left는 높이와 너비에 -1을 곱한 값의 절반으로 설정됩니다.

2. 가로 가운데 맞춤:

방법 1: margin: 0 auto;

수직 수평 중앙

방법 2:

수직 수평 중앙

분석: 상위 요소 상대, 하위 요소 절대, 하위 요소 세트 너비, 왼쪽: 여백 50%; -왼쪽: 너비의 절반 취함 -1;

3. 세로 중심:

수직 수평 중앙

분석: 상위 요소 상대, 하위 요소 절대, 하위 요소 집합 높이, 위쪽: 50%; 여백-상단: 너비의 절반에 -1을 곱합니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.