"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Flexbox를 사용하여 컨테이너 하단에 요소를 정렬하려면 어떻게해야합니까?

Flexbox를 사용하여 컨테이너 하단에 요소를 정렬하려면 어떻게해야합니까?

2025-02-06에 게시되었습니다
검색:538

How Can I Align Elements to the Bottom of a Container Using Flexbox?

Flexbox는 자동 마진을 통해이 문제에 대한 솔루션을 제공합니다. 자동 마진은 정렬 전에 자동 마진이있는 요소에 나머지 공간을 분포시킬 수 있습니다. 원하는 레이아웃을 달성하는 한 가지 방법은 다음 CSS를 사용하는 것입니다. } / * 다음 요소를 바닥에 밀어 넣습니다 * / A {마진 탑 : 자동; } / * 그것을 밀고 요소를 바닥으로 팔로우하십시오 * /

또는 다음과 같은 플렉스 레이아웃을 사용할 수 있습니다. 높이 : 200px; 국경 : 1px 고체; 디스플레이 : Flex; 플렉스 방향 : 열; } H1, H2 { 여백 : 0; } A { 마진-탑 : 자동; }

제목 1

제목 2

일부 텍스트는 다소

입니다 나를 클릭하십시오

이 접근법은 텍스트 요소가 사용 가능한 높이를 채우도록 확장되도록하고 버튼은 컨테이너의 바닥으로 밀려 나옵니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3