我有一个HTML页面,其中包含高度可变的内联块divs(用.banner类标记):

<html>
<head>
<body>
<div id="container">
 <div id="header" style="margin: 0; width: 100%">
 <div>
   <div class='banner'> ...  </div>
   <div class='banner'> ...  </div>
   <div class='banner'> ...  </div>
  </div>

.banner {
    display: inline-block;
}

它们有不同的宽度,并在运行时添加。网站布局看起来很难看,横幅没有垂直对齐。
由于未知原因,div不是从左上角开始的,但顶部有一些空白。如何将其与下一个横幅垂直对齐(例如,使其底线对齐)?
我正在使用jquery、jqueryui和asp.net mvc2。

最佳答案

.banner {
display: inline-block;
vertical-align:middle;
}

07-24 09:44
查看更多