這個問題在這里已經有了答案：
![我怎樣才能使卡片與反應引導程式的高度相等？[復制]](https://img.uj5u.com/2022/05/21/ae4c25eaf4c24507a5eeea8a55a4c3e5.png)
uj5u.com熱心網友回復：
如果您可以添加自定義 CSS，則在卡片的父級上使用“display: flex”應該可以解決問題。如果需要強制拉伸，可以添加“align-items:stretch”。
.wrapper {
display: flex;
justify-content: space-between;
align-items: stretch;
}
.card {
background: grey;
padding: 15px;
width: 30%;
}<div class="wrapper">
<div class="card">
<h1>hello</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, recusandae, error! Quos repellat qui autem velit, laboriosam temporibus, incidunt accusantium similique vitae harum quod asperiores corporis dolore cum amet omnis.
</p>
</div>
<div class="card">
<h1>hello</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, recusandae, error! Quos repellat qui autem velit, laboriosam temporibus, incidunt accusantium similique vitae harum quod asperiores corporis dolore cum amet omnis.
</p>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, recusandae, error! Quos repellat qui autem velit, laboriosam temporibus, incidunt accusantium similique vitae harum quod asperiores corporis dolore cum amet omnis.
</p>
</div>
<div class="card">
<h1>hello</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos, recusandae, error! Quos repellat qui autem velit, laboriosam temporibus, incidunt accusantium similique vitae harum quod asperiores corporis dolore cum amet omnis.
</p>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/net/479161.html