>  기사  >  웹 프론트엔드  >  부동 요소를 중앙에 배치하는 방법은 무엇입니까? 절대 위치에 있는 div를 중앙에 배치하는 방법은 무엇입니까?

부동 요소를 중앙에 배치하는 방법은 무엇입니까? 절대 위치에 있는 div를 중앙에 배치하는 방법은 무엇입니까?

王林
王林앞으로
2020-06-15 16:45:405204검색

부동 요소를 중앙에 배치하는 방법은 무엇입니까? 절대 위치에 있는 div를 중앙에 배치하는 방법은 무엇입니까?

플로팅 요소를 중앙에 배치하는 방법은 무엇입니까? 절대 위치에 있는 div를 중앙에 배치하는 방법은 무엇입니까?

div 센터링:

border: 1px solid red;
margin: 0 auto; 
height: 50px;
width: 80px;

플로팅 요소의 상단, 하단, 왼쪽 및 오른쪽 센터링:

border: 1px solid red;
float: left;
position: absolute;
width: 200px;
height: 100px;
left: 50%;
top: 50%;
margin: -50px 0 0 -100px;

절대 위치 왼쪽 및 오른쪽 센터링:

border: 1px solid black;
position: absolute;
width: 200px;
height: 100px;
margin: 0 auto;
left: 0;
right: 0;

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

위 내용은 부동 요소를 중앙에 배치하는 방법은 무엇입니까? 절대 위치에 있는 div를 중앙에 배치하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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