6

我有一个 HTML 页面，其中包含div具有可变高度的 inline-block （标有.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。

4

1 回答 1

10 
.banner {
display: inline-block;
vertical-align:middle;
}
于 2013-04-27T13:22:06.693 回答