찾다

 >  Q&A  >  본문

두 이미지의 하단이 서로 일직선이 되도록 두 개의 수평 카드를 함께 정렬해 보세요.

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

으아악

그리고 내 CSS 코드:

으아악

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

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

으아악

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

P粉393030917P粉393030917448일 전602

모든 응답(1)나는 대답할 것이다

  • P粉979586159

    P粉9795861592023-09-12 09:06:20

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

    회신하다
    0
  • 취소회신하다