将 \"Demo\" 和 \"GitHub\" 按钮对齐到卡片的左下角答案

【问题标题】：Align the "Demo" & "GitHub" buttons to the bottom left of the card将 \"Demo\" 和 \"GitHub\" 按钮对齐到卡片的左下角
【发布时间】：2022-11-27 15:35:19
【问题描述】：

我想将“demo”和“github”按钮组对齐到卡片的左下角，我不希望它随着写入的文本量而移动

标签。请帮忙。我正在使用 HTML、CSS 和 Bootstrap 5。

我确实尝试过垂直对齐，并证明内容合理，但也许我用错了。请帮忙。下面的 Photoshop 图像是我希望放置“演示”和“github”按钮组的位置，而不管 <p> 标签中的内容长度如何

这是我的代码

【问题讨论】：

欢迎来到 SO。请将您的代码作为文本而不是图像发布。此外，如果您可以向我们提供可重现的代码示例，那将对人们回答您的问题有很大帮助。

标签： html css bootstrap-5 vertical-alignment web-development-server

【解决方案1】：

将卡片标题和卡片文本放在各自的 div 中

在名为 card-body 和样式的 div 上

display: flex;
align-items:center;
justify-content: space-between;
flex-direction: column;

【讨论】：