gpt4 book ai didi

html - 垂直对齐 div 标签网格内的内容

转载 作者:行者123 更新时间:2023-11-28 12:46:44 25 4
gpt4 key购买 nike

我正在制作一个带有 div 标签的网格,以便在其中放置不同类型的内容,例如图片、文本、标题、按钮等。我尝试了至少 3 种不同的方法来制作网格,现在我终于找到了最适合我的方法。网格现在看起来不错并且工作完美,但是我有 1 个问题,我无法将 1 个文本对齐到底部。

现在回答我的问题:

如何在 div 底部对齐号召性用语文本,同时将其余内容保持在顶部。我希望能够通过添加一些规则而不是通过构建网格来采用完全不同的方法来做到这一点。

应该在底部对齐的部分称为“Bekijk dit artikel”。

非常欢迎所有建议!

最佳答案

在这里使用定位。

.blok3-a {position: relative;}
.text-container-link {position: absolute; left: 0; bottom: 0;}

http://jsfiddle.net/AL6Qn/2/

如果您不知道上方内容的高度,则没有其他方法可以使用您的 HTML 并仅使用 CSS 对齐文本。

关于html - 垂直对齐 div 标签网格内的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24941779/

25 4 0