2013-04-27 13 views
6

mam strony HTML, która zawiera Inline bloku div S o różnych wysokościach (oznaczone .banner klas)pionowo wyrównywanie elementów inline bloków o różnych wysokościach

<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; 
} 

mają różne szerokości i są dodawane w czasie wykonywania . Układ witryny wygląda paskudnie, a banery nie są wyrównane w pionie.

Z nieznanych przyczyn div nie zaczyna się od lewego górnego rogu, ale na górze jest trochę pustego miejsca. Jak wyrównać go do następnego banera w pionie (np. Ustawić wyrównane linie dolne)?

Używam jQuery, jQueryUI i ASP.NET MVC2.

Odpowiedz

10
.banner { 
display: inline-block; 
vertical-align:middle; 
} 
Powiązane problemy