将文本行对齐到底部

Question

CSS将文本排列在行的中间，但我希望文本与行的底部对齐。最好用图片解释：

喜欢它应该是： https://lh5.googleusercontent.com/-L1TBqTxEVHI/UDPVEOnFY7I/AAAAAAAAAH4/GHZHt776wmg/s145/CD-Manual_Stand_Mai_2011_Verlinkungen.pdf%2520%2528Seite%2520135%2520von%2520248%2529.jpg

喜欢它： https://lh6.googleusercontent.com/-0SiQqqkHD9k/UDPVNvTA2NI/AAAAAAAAAIA/2VudybQxnDE/s45/CSSEdit.jpg

垂直对齐不起作用，它只适用于嵌套元素而不适用于整个文本。诀窍在哪里？ ：）

以下是代码：jsfiddle.net/vmadd

Answer 1

尝试line-height: 100%
这应该能解决你的问题。

Answer 2

我实际上并不知道你在追求什么。在标准css中没有基线对齐或其他东西（据我所知）。我不会真正看到布局中会发生什么变化。

至于页脚，如果你只想在行和文本之间留出更多空间，那么有很多方法可以实现这一点。像这样：

div.layoutGridBottom p {
    padding-top: 10mm;
}

应该做的伎俩。或者甚至更好，为想要有一些顶部填充的东西声明一个特殊类，并将其应用于您想要的元素。如上所述，有很多方法可以实现这一点（行高，边缘顶部，插入空白div，使行有填充底部，...）如果你自己编写css，我很惊讶这会导致你的问题...