Question

我有一些页面布局需要多个列，并且所有内容都需要垂直对齐到顶部，因为不同的列将比其他列具有更多/更少的文本。

我使用table-cell属性进行布局，所以我可以使用vertical-align，据我所知，这对块不起作用，但我只是意识到display：table-cell属性不起作用IE 7或更低版本，这是一个很大的禁忌。

任何人都知道如何在div中垂直对齐，或者修改＆lt; = 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插件这样的东西。