图像的卡片与旁边的卡片未完全对齐我一直在尝试对齐两张水平卡片，以便图像的底部对齐在一起。这是我当前的 html 代码：

 
 
 
 
 
 
 
More Equipment
 
 
 This is some text and more text and also some more text 
 Read More 
 
 
  
 
 
 
 
 
 
 
 
 
More Equipment
 
 
 This is some text and more text and also some more text and more and more 
 Read More 
 
 
  
 
 
 
`

和我的CSS代码：

.card-block { font-size: 1.2em; position: relative; padding: 1em; border-top: 1px solid rgba(34, 36, 38, .1); box-shadow: none; } .card { font-size: 1em; overflow: hidden; padding: 5; border-radius: .27rem; box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 1 1px #d4d4d5; margin-top: 25px; } .img { object-fit: cover; height: 100%; width: 100%; }

发布了当前的图像。我的目标是让飞机与第二张卡片图像的底部对齐。为此，我一直使用 Bootstrap 版本 4。

我尝试过使用此代码：

 
 
 
 
 
 
 
More Equipment
 
 
 This is some text and more text and also some more text 
 Read More 
 
 
  
 
 
 
 
 
 
 
 
 
More Equipment
 
 
 This is some text and more text and also some more text and more and more 
 Read More 
 
 
  
 
 
 
 
 

此处卡片底部对齐良好，但第一张卡片中的图像未完全向下到底部。图像：平面未与第二张图像的底部对齐