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

时间:2014-07-24 18:54:30

标签: html css grid alignment

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

现在我的问题:

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

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

非常欢迎所有建议!

2 个答案:

答案 0 :(得分:1)

在这里使用定位。

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

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

如果您不知道上述内容的高度,则无法使用您的HTML并仅将文本与CSS对齐。

答案 1 :(得分:1)

查看CSS位置属性 http://www.w3schools.com/cssref/pr_class_position.asp 您应该能够为您的文本提供绝对位置。