豎直對準的具有不同高度的

我有一個包含內聯塊div s的可變高度的HTML頁面內聯塊元素（標有.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。

來源

2013-04-27 Andrus

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

來源

2013-04-27 13:22:06

豎直對準的具有不同高度的

回答

相關問題