>웹 프론트엔드 >CSS 튜토리얼 >CSS에서 수평 Div 정렬을 달성하는 방법은 무엇입니까?

CSS에서 수평 Div 정렬을 달성하는 방법은 무엇입니까?

DDD
DDD원래의
2024-11-11 01:33:02645검색

How to Achieve Horizontal Div Alignment in CSS?

CSS에서 Div 가로 정렬

CSS로 작업할 때 컨테이너 내에서 div를 가로로 정렬하는 것이 어려울 수 있습니다. 기본적으로 부동 div는 결합된 너비가 상위 컨테이너의 너비를 초과하는 경우 컨테이너의 높이가 수평 정렬을 허용하더라도 수직으로 쌓입니다.

원하는 수평 정렬을 달성하기 위해 컨테이너 내의 내부 div를 활용할 수 있습니다. 모든 부동 div를 수용할 수 있을 만큼 충분히 넓습니다.

이 솔루션에서 #inner div의 너비는 다음의 너비를 합친 것보다 큽니다. 부동 #child div. 따라서 플로팅된 모든 div는 #container div 내에서 가로로 정렬되어 원하는 레이아웃이 됩니다.

위 내용은 CSS에서 수평 Div 정렬을 달성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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