CSS：垂直對齊多個文本大小

我遇到有多個字體大小的文本行時遇到問題。我希望所有文本都對齊到.line1元素的中間。我用vertical-align:middle但它並沒有辦法。這裏的JSfiddle：http://jsfiddle.net/tWxdT/CSS：垂直對齊多個文本大小

2012-03-13 Bogdan

在Chrome中看起來很好。 – j08691 2012-03-13 15:38:28

在IE9中看起來也不錯 – anothershrubery 2012-03-13 15:42:34

擦除CSS中的所有垂直對齊。並給product_mark_bg一個垂直對齊：基線

2012-03-13 15:42:14 Ace

vertical-align總是會影響它被賦予的對象的子項。 – Ace 2012-03-13 15:43:20

在谷歌瀏覽器中對我來說也不錯，但我可以推薦在你的CSS中使用d isplay: table-cell;嗎？如果沒有，那麼使用垂直對齊方式進行裁剪，並嘗試通過頂部和底部爲您的HTML標記等量填充。

2012-03-13 15:42:44

您可以設置行高以更好地對齊不同大小的文本。不確定這是你在找什麼，但在示例中添加2.2em的行高度使文本中心有點不同。

2012-03-13 15:43:44

回答