>  기사  >  웹 프론트엔드  >  CSS에서 일반적으로 사용되는 수평 및 수직 중앙 정렬 방법은 무엇입니까?

CSS에서 일반적으로 사용되는 수평 및 수직 중앙 정렬 방법은 무엇입니까?

王林
王林앞으로
2020-05-13 09:12:113619검색

CSS에서 일반적으로 사용되는 수평 및 수직 중앙 정렬 방법은 무엇입니까?

1. 텍스트의 가로 및 세로 가운데 맞춤

text-align: center;    
line-height: 单前元素高度;

(동영상 튜토리얼 추천: css 동영상 튜토리얼)

2. 요소의 가로 및 세로 가운데 맞춤

1 절대 위치 지정 사용

CSS에서 일반적으로 사용되는 수평 및 수직 중앙 정렬 방법은 무엇입니까?

2. 절대 위치 지정 + calc()

CSS에서 일반적으로 사용되는 수평 및 수직 중앙 정렬 방법은 무엇입니까?

3. 절대 위치 지정 + 변환 사용

CSS에서 일반적으로 사용되는 수평 및 수직 중앙 정렬 방법은 무엇입니까?

4. display:flex;

CSS에서 일반적으로 사용되는 수평 및 수직 중앙 정렬 방법은 무엇입니까?

권장 튜토리얼: css 빠른 시작

위 내용은 CSS에서 일반적으로 사용되는 수평 및 수직 중앙 정렬 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 cnblogs.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제