0

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

4

2 回答 2

1

尝试line-height: 100%
应该可以解决您的问题。

于 2012-08-21T18:41:11.603 回答
1

我真的不明白你在追求什么。没有基线对齐之类的东西或标准css中的东西（据我所知）。我真的不知道布局会发生什么变化。

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

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

应该做的伎俩。或者更好的是，为你想要一些顶部填充的东西声明一个特殊的类，并将它应用到你想要的元素上。如前所述，有很多方法可以实现这一点（行高、上边距、插入空白 div、使行底部有填充，...）如果你自己写了那个 css，我很惊讶这会给你带来问题...

于 2012-08-21T20:03:14.123 回答