CSS垂直對齊

Question

我有一些頁面佈局需要多個列，所有的內容都需要垂直對齊，因爲不同列的文本會比其他列更多/更少。

我做了使用table-cell屬性的佈局，所以我可以使用垂直對齊，它不能與塊一起工作據我所知，但我只是意識到display：table-cell屬性沒有使用IE 7或更低版​​本，這是一個很大的不走。

任何人都知道如何在div中垂直對齊，或修復爲< = IE7？

Answer 1

這聽起來像你想要特定大小的浮動div。事情是這樣的：

<div id="wrapper"> 
    <div id="left">Test</div> 
    <div id="center">more text</div> 
    <div id="right">Even more</div> 
</div> 

而CSS：

#left { float: left; width: 200px; } 
#center { float: left; width: 400px; } 
#right { float: right; width: 200px; } 

Answer 2

我認爲以上的回答是一個好主意，或者你可以使用像一個jQuery插件。

http://www.seodenver.com/simple-vertical-align-plugin-for-jquery/