두 이미지의 하단이 서로 일직선이 되도록 두 개의 수평 카드를 함께 정렬해 보세요.-PHP 중국어 네트워크 Q&A
두 이미지의 하단이 서로 일직선이 되도록 두 개의 수평 카드를 함께 정렬해 보세요.
P粉393030917
P粉393030917 2023-09-11 15:00:03
0
1
515

이미지의 카드가 옆에 있는 카드와 정확히 일치하지 않습니다. 이미지의 아래쪽이 서로 일직선이 되도록 두 개의 가로 카드를 정렬하려고 했습니다. 이것은 내 현재 HTML 코드입니다:

으아악

그리고 내 CSS 코드:

으아악

게시된 현재 이미지입니다. 내 목표는 두 번째 카드 이미지의 하단에 평면을 정렬하는 것입니다. 저는 이 목적으로 Bootstrap 버전 4를 사용해 왔습니다.

다음 코드를 사용해 보았습니다:

으아악

여기서는 카드 하단이 잘 정렬되어 있는데, 첫 번째 카드의 이미지가 하단까지 끝까지 내려가지 않습니다. 이미지: 평면이 두 번째 이미지의 하단과 정렬되지 않았습니다

P粉393030917
P粉393030917

모든 응답 (1)
P粉979586159

카드 클래스 아래 div 클래스 행에 h-100을 추가하면 문제가 해결되었습니다.

    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿
    회사 소개 부인 성명 Sitemap
    PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!